Показать сообщение отдельно
  #3 (permalink)  
Старый 18.12.2017, 12:43
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Какое-то дежавю.... https://javascript.ru/forum/dom-wind...i-tablicy.html

<table class="form-table no-border">
	<tbody>
		<tr class="parent">
			<th scope="row">Заголовок</th>
			<td>
				<label class="switch_wrap">
					<input name="option[ym]" id="ym" class="parent" value="1" type="checkbox">
				</label>
			</td>
		</tr>
		<tr>
			<th>Заголовок</th>
			<td>Текст</td>
		</tr>
	</tbody>
</table>
<table class="form-table no-border">
	<tbody>
		<tr class="parent">
			<th scope="row">Заголовок</th>
			<td>
				<label class="switch_wrap">
					<input name="option[ym]" id="ym" class="parent" value="1" type="checkbox">
				</label>
			</td>
		</tr>
		<tr>
			<th>Заголовок</th>
			<td>Текст</td>
		</tr>
	</tbody>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$(document).ready(function(){
        var chex = $('.switch_wrap .parent');
	chex.change(function(){
                var _this = $(this);
		if ( _this.prop('checked')) {
			_this.parents(3).nextAll('tr').fadeIn();
		} else {
			_this.parents(3).nextAll('tr').fadeOut();
		}
	});
    chex.parents(3).nextAll('tr').fadeOut();
});
</script>

И еще: во избежание дальнейших проблем не должно быть два раза id="ym"

Последний раз редактировалось Dilettante_Pro, 18.12.2017 в 13:11.
Ответить с цитированием