title: Bootstrap navbar auto collapse issue with Wordpress menu
body: <p>Care: the example url's are from a development site for a non profit organization which helps children with a harelip in Venezuela. So there will be some pictures there that people prefer not to see.</p>
  
  <p>I'm building the <a href="http://develop.cpp.nl/tessunlimited/#home" rel="nofollow">site</a> with Twitter Bootstrap and have the navbar working with the wp_nav_menu without any problems. </p>
  
  <p>Due #anchors in the nav on the homepage, it doesn't reload after click. Therefor the nav won't collapse back to its closed state. (so see the collapse button, resize your screen).</p>
  
  <p>What I need is this: <a href="http://jsfiddle.net/hajpoj/By6ym/4/" rel="nofollow">http://jsfiddle.net/hajpoj/By6ym/4/</a></p>
  
  <p>Iv'e tried the stuff in the fiddle example and that worked seamless so it must be due additional classes / id's in the jQuery or something.</p>
  
  <p>My jQuery ain't good enough to find or create a clean sollution.
  Up until </p>
  
  <p>The PHP:</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse"&gt;
  &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
          &lt;a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/a&gt;
          &lt;p class="brand hidden-desktop"&gt;Menu&lt;/p&gt;
          &lt;div class="nav-collapse collapse navbar-responsive-collapse ss-icon"&gt;
          &lt;?php $sitenavigatie = array(
              'theme_location'  =&gt; 'header-menu-left-page',
              'menu_class'      =&gt; 'menu',
              'echo'            =&gt; true,
              'fallback_cb'     =&gt; 'wp_page_menu',
              'items_wrap'      =&gt; '&lt;ul id="%1$s" class="nav %2$s"&gt;%3$s&lt;/ul&gt;',
              'depth'           =&gt; 0,
              'walker'          =&gt; new TessWalkerMenu());
              wp_nav_menu( $sitenavigatie ); ?&gt;
          &lt;/div&gt; &lt;!-- end .nav-collapse .collapse .navbar-responsive-collapse --&gt;
      &lt;/div&gt; &lt;!-- end .container-fluid --&gt;
  &lt;/div&gt; &lt;!-- end .navbar-inner --&gt;
  </code></pre>
  
  <p> </p>
  
  <p>The jQuery in the Fiddle:</p>
  
  <pre><code>$('.nav-collapse').click('li', function() {
    $('.nav-collapse').collapse('hide');
  });
  </code></pre>
  
  <p>Hope somebody can help.</p>