Показать сообщение отдельно
  #1 (permalink)  
Старый 11.12.2017, 20:44
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Скрыть/показать строки таблицы
Разметка:
<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;
}

Подскажите, почему не работает скрипт?
Ответить с цитированием