Открытие одного блока
Ужасно туплю и не могу понять, как сделать, чтобы по нажатии 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, время: 11:25. |