title: JQuery: only one drop down menu opened at a time
body: <p>I’m about to make a simple drop down menu with some jQuery. </p>
  
  <p>Here is the blueprint of my menu:</p>
  
  <p><a href="http://jsfiddle.net/W9c9y/" rel="nofollow">http://jsfiddle.net/W9c9y/</a></p>
  
  <p>This is my jQuery:</p>
  
  <pre><code>$( "a.drop_down" ).click(function () {
  
  if ( $(this).siblings("ul").is( ":hidden" ) ) {
  $(this).siblings("ul").slideToggle('slow','easeOutBounce');
  } 
  
  else {
  $(this).siblings("ul").hide();
  }
  });
  </code></pre>
  
  <p>And here is the thing what I’m trying to achieve:</p>
  
  <p>I only want one drop down menu to be opened at a time, any menu click (sub-menus included) should close the already opened drop down menu.  Of course, if I click another dropdown menu, not only should it close the opened menu, but drop down as well.</p>
  
  <p>I would really appreciate any suggestion.</p>