从具有相同类的许多div中单击的div旁边切换div

Question

我想在许多具有相同类别的ul中点击标签旁边的ul，就像这样

 <ul class="section menu">

   <li>
     <a href="#" class="menuitem">Menu 1</a>

      <ul class="submenu">
        <li> <a>Submenu 1</a> </li>
     </ul>
   </li>

   <li>
     <a href="#" class="menuitem">Menu 2</a>

      <ul class="submenu">
        <li> <a>Submenu 1</a> </li>
     </ul>
   </li>
</ul>

我正在使用以下jquery但它无效

$('.menuitem').click(function(event){
  event.preventDefault();
  $($(this).attr('ul')).toggle(300);
});

Answer 1

尝试：

$('.menuitem').click(function(event){
    event.preventDefault();
    $(this).next("ul.submenu").toggle(300);
});

Demo.