Скрыть/показать строки таблицы
Разметка:
<table class="form-table no-border"> <tbody> <tr class="parent"> <th scope="row">Яндекс.Деньги<span class="description"></span></th> <td> <label class="switch_wrap"> <input name="option[ym]" id="ym" class="parent" value="1" type="checkbox"> <div class="switch"><span class="bullet"></span></div> </label> </td> </tr> <tr> <th scope="row">Телефон</th> <td> <label class="switch_wrap"> <input name="option[ymphone]" id="ymphone" class="" value="1" type="checkbox"> <div class="switch"><span class="bullet"></span></div> </label> </td> </tr> <tr> <th scope="row">Телефон</th> <td> <label class="switch_wrap"> <input name="option[ymphone]" id="ymphone" class="" value="1" type="checkbox"> <div class="switch"><span class="bullet"></span></div> </label> </td> </tr> </tbody> </table> Скрипт:
var $ = jQuery;
$(document).ready(function(){
var _this = $('.switch_wrap .parent');
_this.change(function(){
if (_this.attr('checked')) {
_this.parents('.parent').nextAll('tr').fadeOut();
} else {
_this.parents('.parent').nextAll('tr').fadeIn();
}
});
})
Стили: .form-table tr{ display: none; } .form-table .parent{ display: block !important; } Подскажите, почему не работает скрипт? |
Кликая по чекбоксу с классом parent, нужно скрывать или показывать tr ниже tr с чекбоксом.
|
Янковиц,
if (_this.prop('checked')) |
Спасибо. Не увидел этот момент.
|
| Часовой пояс GMT +3, время: 10:50. |