Разворачивается только первый элемент в списке

[dezzignet]

Здравствуйте, подскажите, почему разворачивается только первый элемент в списке?

<ul class="menu">

   <li>
      <span id="nolink">первый</span>
      <ul class="menu">
         <li>ААААА</li>
      </ul>
   </li>

   <li>
      <span id="nolink">второй</span>
      <ul class="menu">
         <li>БББББ</li>
      </ul>
   </li>

<ul>

$(function(){
        $('ul.menu>li ul.menu').hide()
    });
    
   $(function(){
        $('#nolink').click(function(){
            $(this)
                .parent()
                .find('ul')
                .slideToggle('slow');
        });
    });

[Tek]

у <span id="nolink">первый</span> парентом являться <li>, а не <ul class="menu">

$('#nolink').click(function(){
            $(this)
                .parent()
                .parent()
                .find('ul')
                .slideToggle('slow');
        });

[dezzignet]

Спасибо, но тогда при нажатии открываются оба элемента <li>, а мне нужно чтобы раскрывался внутренний ul.menu. Но как я уже говорил, он открывается только у первого <li>, но не у второго.

[Tek]

тогда вот:

$('#nolink').click(function(){
            $(this)
                .parent()
                .parent()
                .find('ul.menu')
                .slideToggle('slow');
});

[dezzignet]

вы пишите то же самое. это не подходит

[Tek]

Задача чтобы при клике на #nolink развернулись оба списка?

[dezzignet]

Нет, чтобы при нажатии на каждый #nolink, отображался ul.menu, который находиться рядом с ним

[Tek]

посмотрите тут
Ваша ошибка была в том что нельзя использовать id несколько раз, id - уникальный идентификатор и может быть только 1 раз на странице, если элементы повторяются используйте класс

[dezzignet]

Спасибо, большое! А я всю голову сломал )