title: jQuery toggle menu hide/show (close other menus when new menu opens)
body: <p>thanks to <a href="https://stackoverflow.com/users/13249/nick-craver" title="Nick Craver">Nick Craver</a> I've got a nice toggle menu going, however i've come up with the problem that if users keep clicking new menus the page will keep growing which i dont want, so the idea is:</p>
  
  <p>as one menu opens, any currently open menus to close.</p>
  
  <p>The full source is @ <a href="http://the-dot.co.uk/new/" rel="nofollow noreferrer">http://the-dot.co.uk/new/</a></p>
  
  <p>here are 2 snippets of the code I'm using.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  $("ul li a").click(function() { $(this).parent().next().toggle("fast"); });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>and html structure is</p>
  
  <pre><code> &lt;ul class="navigation"&gt;
      &lt;li&gt;&lt;a name="us" title="us"&gt;Us&lt;/a&gt;&lt;/li&gt;
      &lt;li id="us"&gt;about thedot&lt;/li&gt;
      &lt;li&gt;&lt;a name="portfolio" title="portfolio"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a name="contact" title="contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;li id="contact"&gt;contact deets
      &lt;/li&gt;
      &lt;li&gt;&lt;a name="twitter" title="twitter"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
      &lt;li id="twit"&gt;some twitter shit&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>thanks.</p>