Текущий div с классом
Всем привет.
Есть у меня задачка, что-то весь день пробую так да эдак и не получается... В общем есть input type checkbox, есть div class hidden, все это в section class j, таких section неограниченное количество, соответсвенно и inputов столько же :) что хочу сделать, по клику - change - прятать или показывать div hidden, простой toggle в общем...
$('.still').change(function(){
$(this).closest('.job_hidden').toggle();
});
Так не хотит :(
$('.still').change(function(){
$('.job_hidden').toggle();
});
Так тоглит все дивы... а нужен тот который находится с инпутом в section текущем... подскажите как тоглить только текущий? |
сделай полный тестовый пример из двух секций, с возможностью запуска [html run]
|
SergeyMiracle,
перебор всех секций и присвоение инпуту каждой секции на закрытие открытие дива этой секции |
Если структура вложенности такая
<section class='j'> <input class='still' type='checkbox'> <div class='job-hidden'></div> </section> <section class='j'> <input class='still' type='checkbox'> <div class='job-hidden'></div> </section> тогда нужно выйти на уровень родителя (в Ваш класс j) и выбрать дочерний div, который нужно затугглить.
$('.still').change(function(){
$(this).parent().children('.job_hidden').toggle();
});
А вообще советую давать классам понятные имена. Через время нужно будет изменить код, и имя "j" Вам ни о чём не скажет. |
| Часовой пояс GMT +3, время: 17:59. |