Question

i want to toggle ul next to clicked tag from many ul having same class just like this

 <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>

i am using following jquery but its not working

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

Answer 1

Try:

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

Demo.