title: how create simple side menu with jquery?
body: <p>i have menu in side location and that code is :  </p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;
      &lt;span class="arz"&gt;
          first menu
      &lt;/span&gt;
      &lt;ul  id="arz"&gt;
          &lt;li&gt;
              first submenu
          &lt;/li&gt;
          &lt;li&gt;
              second submenu
          &lt;/li&gt;
          &lt;li&gt;
              third submenu
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class="words"&gt;
      two menu
      &lt;ul id="words"&gt;
          &lt;li&gt;
              first submenu
          &lt;/li&gt;
          &lt;li&gt;
              second submenu
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>and jquery code is :  </p>
  
  <pre><code>$(document).ready(function(){
      $(".submenu").click(function(){
          $(this).children(this).slideToggle("slow");
      });
  });
  </code></pre>
  
  <p>but i want by clicking on <em>first menu</em> <code>ul</code> element with <code>id="arz" using</code>slideToggle<code>,<br>
  this code do it but when i click on every submenu item corresponding ul use</code>slideToggle`.
  by thanks<br>
  aya</p>