другой вариант по номеру li в коллекции
|
Цитата:
|
работал с тем что есть :write:
|
Прошу прощения, в разметке с одним классом напутал. Li скрывается, если внутри него есть блок с классом children.
|
Янковиц,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(".parent").each(function(i, parent) {
$("input.onoffswitch-checkbox", parent).change(function() {
$(parent).parent().nextUntil("li:has(.parent)").filter(":has(.children)").toggle(this.checked)
}).change()
})
});
</script>
</head>
<body> <ul>
<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>
</ul>
</body>
</html>
|
Строка 10 и 15 скрываются, так как внутри них есть классы children. Причём вскрытие показ находятся в прямой зависимости от чекбокса, лежащем в ближайшем предыдущим блоке с классом parent.
То же самое, 39 строка в зависимости только от состояния чекбокса 33 строки, и наличия класса parent в 31. Прошу прощения за сумбур |
Благодарю !:dance: :thanks:
|
А возможно, чтобы вначале были скрыты, и при активной чекбоксе показывать дочерние?
|
Янковиц,
смотрите пост №15 снова. |
| Часовой пояс GMT +3, время: 06:56. |