jquery show/hide submenu -> Hide one submenu if other was clicked
<p>I need to close a submenu and open a new one if some other submenu was clicked, it means I do not want more than one submenu opened at a time. However all of the submenus should be able to close. </p>

<p>Here is my jquery script: </p>

<pre><code>&lt;script&gt; 
  $('.show_hide').hide();
  $("li:has(ul)").click(function(){
  $("ul",this).toggle('slow');
  });
&lt;/script&gt;
</code></pre>

<p>And html:</p>

<pre><code> &lt;ul id="left-menu" class="menu-v"&gt;
   &lt;li&gt; 
     &lt;a&gt;Menu&lt;/a&gt;
     &lt;ul class="menu-v show_hide"&gt;
       &lt;li&gt;
         &lt;a &gt;submenu &lt;/a&gt;
       &lt;/li&gt;
       &lt;li&gt;
         &lt;a &gt;submenu 2&lt;/a&gt;
       &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>
