how create simple side menu with jquery? <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>