Есть сложная разметка:
<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. Прошу помощи у знатоков.