jQuery drop down works, but it does not allow me to close the menu
<p>I recently found the Twitter Bootstrap framework (<a href="http://twitter.github.com/bootstrap/" rel="nofollow">http://twitter.github.com/bootstrap/</a>) and so far I have been very impressed with the flexability of the framework.  I do have a quick question about how jQuery is being used for the dropdowns.  In the framework, if you have more than 1 drop down menu, then they will overlap.  I have pasted the code below for review.</p>

<pre><code>          &lt;ul class="nav secondary-nav"&gt;
            &lt;li class="menu"&gt;
              &lt;a href="#" class="menu"&gt;Account&lt;/a&gt;
              &lt;ul class="menu-dropdown"&gt;
                &lt;li&gt;&lt;a href="#"&gt;Login&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Register&lt;/a&gt;&lt;/li&gt;
                &lt;li class="divider"&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Forgot Password?&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;

          &lt;ul class="nav secondary-nav"&gt;
            &lt;li class="menu"&gt;
              &lt;a href="#" class="menu"&gt;Support&lt;/a&gt;
              &lt;ul class="menu-dropdown"&gt;
                &lt;li&gt;&lt;a href="#"&gt;Tickets&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Knowledgebase&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Downloads&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Server Status&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Network Issues&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;

  $("body").bind("click", function (e) {
     $('.dropdown-toggle, .menu').parent("li").removeClass("open");
  });

  $(".dropdown-toggle, .menu").click(function (e) {
     var $li = $(this).parent("li").toggleClass('open');
     return false;
  });
</code></pre>

<p>How would I go about making it so that it clears the class open when you click on another menu item?  If I add the .removeClass("open") to the toggle, it will not allow you to click the menu to close again.  It just keeps the menu open and in order to close it, you need to click in the body.</p>

<p>I would really appreciate any direction that can be given.</p>

<p>Thanks,</p>

<p>Brett</p>
