Как понять, что есть еще один ul и открыть его у определенного класса?

Question

[kickass77]

Здравствуйте.
У меня есть меню, которое содержит 5 категорий.
2 категории имеют дополнительное меню.
Я использую jquery и пытаюсь понять, если ли в нажатой категории дополнительное меню и если оно есть - отобразить.
К сожалению, у меня почему-то открывается вложенное меню при нажатии на любую категорию.

<li class="burger-item">Категория</li>
                <li class="burger-item">Категория
                    <ul class="nav_menu_level">
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                </li>
                <li class="burger-item">Категория
                    <ul class="nav_menu_level">
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                    </ul>
                </li>
                <li class="burger-item">Категория</li>

$( ".burger-item" ).click(function() {
            if ($(this).parent().find('ul').length > 0) {
                $( ".nav_menu_level" ).toggle( "slow", function() {

                });
            }
        });

Comments

[cssfish]

1) .parent() то зачем
2) не $( ".nav_menu_level" ) а $(this).find(".nav_menu_level")
3) можно что-то одно вообще, зачем и ul и nav_menu_level ??

[kickass77]

cssfish, ну, результат остался таким же, что открывается дополнительное меню при нажатии на все пункты, где даже его нет. Что я не так сделал?

$( ".burger-item" ).click(function() {
                if($(this).find(".nav_menu_level")) {
                $( ".nav_menu_level" ).toggle( "slow", function() {

                });
            }
        });

[Павел]

kickass77, Работайте с текущем меню, а не со всеми...поэтому у вас все и открываются...
$( ".nav_menu_level" ).toggle,

$(this).find(".nav_menu_level").toggle

[William]

$( "body" ).each(function() {
  $( ".burger-item" ).click(function() {
    if ($(this).parent().find('ul').length > 0) {
      $(this).find(".nav_menu_level").toggle( "slow", function() {

      });
    }
  });
});

[cssfish]

kickass77, проверку на length потеряли и внутри опять обращаетесь к коллекции $( ".nav_menu_level" ) а не к конкретной внутри данного пункта. вобщем William вам тут уже раписал )

Answer 1

[William]