Открытие одного блока
Ужасно туплю и не могу понять, как сделать, чтобы по нажатии class="zakaz_button", открывалась, только одна контактная форма,которая находится в соответствующем блоке, через id не вариант. Помогите пожалуйста или пните в нужную сторону. Пример: http://xn--h1aaeciqwfg2c1b.xn--p1ai/
Мой код: <div class="tehnika_block"> <h2>Обувь</h2> <div class="zakaz"> <h2>Контактная форма</h2> </div> <div class="buttons"> <a href="">Подробнее</a> <a class="zakaz_button" onclick="return false;" href="/">Заказать</a> </div> </div> <div class="tehnika_block"> <h2>Обувь</h2> <div class="zakaz"> <h2>Контактная форма</h2> </div> <div class="buttons"> <a href="">Подробнее</a> <a class="zakaz_button" onclick="return false;" href="/">Заказать</a> </div> </div>
$(document).ready(function(){
$('.zakaz_button').click(function(){
$(this).toggleClass('light');
$('.zakaz').toggleClass('current');
});
$('.close').click(function(){
$('.zakaz').removeClass('current');
$('.zakaz_button').removeClass('light')
});
});
|
AxelS,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.zakaz {
display: none;
width: 200px;
}
.light {
background: #57FF57;
}
.current{
display: block;
border: #FF0000 1px solid
}
a {
cursor: pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var s = $(".zakaz_button");
s.click(function() {
s.not(this).removeClass("light").parents(".tehnika_block").find(".zakaz").removeClass("current");
$(this).toggleClass("light").parents(".tehnika_block").find(".zakaz").toggleClass("current");;
});
});
</script>
</head>
<body>
<div class="tehnika_block">
<h2>Обувь</h2>
<div class="zakaz">
<h2>Контактная форма</h2>
</div>
<div class="buttons">
<a href="">Подробнее</a>
<a class="zakaz_button" onclick="return false;" href="/">Заказать</a>
</div>
</div>
<div class="tehnika_block">
<h2>Обувь</h2>
<div class="zakaz">
<h2>Контактная форма</h2>
</div>
<div class="buttons">
<a href="">Подробнее</a>
<a class="zakaz_button" onclick="return false;" href="/">Заказать</a>
</div>
</div>
</body>
</html>
|
Огромное спасибо!!!
|
| Часовой пояс GMT +3, время: 15:39. |