toggle div next to clicked div from many div having same class
<p>i want to toggle ul next to clicked tag from many ul having same class just like this </p>

<pre><code> &lt;ul class="section menu"&gt;

   &lt;li&gt;
     &lt;a href="#" class="menuitem"&gt;Menu 1&lt;/a&gt;

      &lt;ul class="submenu"&gt;
        &lt;li&gt; &lt;a&gt;Submenu 1&lt;/a&gt; &lt;/li&gt;
     &lt;/ul&gt;
   &lt;/li&gt;

   &lt;li&gt;
     &lt;a href="#" class="menuitem"&gt;Menu 2&lt;/a&gt;

      &lt;ul class="submenu"&gt;
        &lt;li&gt; &lt;a&gt;Submenu 1&lt;/a&gt; &lt;/li&gt;
     &lt;/ul&gt;
   &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>i am using following jquery but its not working</p>

<pre><code>$('.menuitem').click(function(event){
  event.preventDefault();
  $($(this).attr('ul')).toggle(300);
});
</code></pre>
