|
|
13.04.2018, 23:40
|
 |
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
|
другой вариант по номеру li в коллекции
|
|
13.04.2018, 23:47
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,123
|
|
|
Сообщение от j0hnik
|
|
другой вариант по номеру li в коллекции
|
не надо гадать, нужно подождать ответа, в чём отличие этого li от остальных, я таких отличий не вижу. |
|
13.04.2018, 23:52
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
работал с тем что есть  |
|
14.04.2018, 11:57
|
|
Профессор
|
|
Регистрация: 17.11.2014
Сообщений: 403
|
|
|
Прошу прощения, в разметке с одним классом напутал. Li скрывается, если внутри него есть блок с классом children.
|
|
14.04.2018, 12:03
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,123
|
|
Янковиц,
<!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>
Последний раз редактировалось рони, 14.04.2018 в 12:09.
|
|
14.04.2018, 12:03
|
|
Профессор
|
|
Регистрация: 17.11.2014
Сообщений: 403
|
|
|
Строка 10 и 15 скрываются, так как внутри них есть классы children. Причём вскрытие показ находятся в прямой зависимости от чекбокса, лежащем в ближайшем предыдущим блоке с классом parent.
То же самое, 39 строка в зависимости только от состояния чекбокса 33 строки, и наличия класса parent в 31.
Прошу прощения за сумбур
|
|
14.04.2018, 12:04
|
|
Профессор
|
|
Регистрация: 17.11.2014
Сообщений: 403
|
|
Благодарю !   |
|
14.04.2018, 12:06
|
|
Профессор
|
|
Регистрация: 17.11.2014
Сообщений: 403
|
|
|
А возможно, чтобы вначале были скрыты, и при активной чекбоксе показывать дочерние?
|
|
14.04.2018, 12:10
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,123
|
|
|
Янковиц,
смотрите пост №15 снова.
|
|
|
|
