Показать сообщение отдельно
  #9 (permalink)  
Старый 14.01.2020, 18:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от mbrogan
Попробуйте на все родительские пункты поставить
а самому проверить?
<!DOCTYPE html>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    li > ul{
        display: none;
    }
    li.active > ul{
        display:  block;
    }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <script>
        $(function() {
 $("li").on("click", ">:not(ul)", function(e) {
     $(e.delegateTarget).toggleClass('active');
 });

        });
    </script>
</head>

<body>
    <li class="first"><span>Пункт 1</span>
        <ul class="first-child">
            <li class="second"><span>Подпункт</span>
                <ul class="first-child-child">
                    <li class="third">Под-подпункт 1</li>
                </ul>
            </li>
            <li class="second"><span>Подпункт</span>
                <ul class="first-child-child">
                    <li class="third">Под-подпункт 1</li>
                </ul>
            </li>
        </ul>
    </li>
</body>

</html>
Ответить с цитированием