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

Скрытие - показ элементов по чекбоксу
Есть сложная разметка:
<li id="customize-control-12" class="customize-control">
	<div class="parent">
		<div class="onoffswitch">
			<input type="checkbox" id="switch" name="switch" class="onoffswitch-checkbox" value="">
			<label class="onoffswitch-label" for="switch"></label>
		</div>
		<span class="customize-control-title onoffswitch_label">Родитель</span>
	</div>
</li>
<li id="customize-control-2" class="customize-control">
	<div class="children">
		Дочка (должен скрываться)
	</div>
</li>
<li id="customize-control-445" class="customize-control">
	<div class="children">
		Дочка (должен скрываться)
	</div>
</li>


<li id="customize-control-23" class="customize-control">
	<div class="some-class">
		Не должен скрываться
	</div>
</li>



<li id="customize-control-435" class="customize-control">
	<div class="checkbox_switch parent">
		<div class="onoffswitch">
			<input type="checkbox" id="switch" name="switch" class="onoffswitch-checkbox" value="">
			<label class="onoffswitch-label" for="switch"></label>
		</div>
		<span class="customize-control-title onoffswitch_label">Родитель</span>
	</div>
</li>
<li id="customize-control-426" class="customize-control">
	<div class="children">
		Дочка (должен скрываться)
	</div>
</li>


Необходимо скрывать-показывать пункты списка li при клике на чекбокс с классом parent у одного из родителей. Причем пункты списка должны скрываться(показываться) только те, которые находятся сразу после измененного чекбокса и в которых есть блок с классом children. Прошу помощи у знатоков.

Последний раз редактировалось Янковиц, 14.04.2018 в 11:56.
Ответить с цитированием