wordpress - Wordpress メニューでの Bootstrap navbar の自動折りたたみの問題

Question

ケア: URL の例は、ベネズエラのウサギの唇を持つ子供たちを支援する非営利団体の開発サイトからのものです。そのため、人々が見たくない写真がいくつかあります。

私はTwitter Bootstrap でサイトを構築しており、navbar は wp_nav_menu と問題なく動作しています。

ホームページのナビゲーションに #anchors があるため、クリックしても再読み込みされません。そのため、ナビゲーションが閉じた状態に戻ることはありません。（折りたたみボタンを参照して、画面のサイズを変更してください）。

私が必要とするのはこれです：http://jsfiddle.net/hajpoj/By6ym/4/

私はフィドルの例で試してみましたが、それはシームレスに機能したので、jQueryなどの追加のクラス/ IDが原因であるに違いありません。

私のjQueryは、クリーンなソリューションを見つけたり作成したりするのに十分ではありません。まで

PHP:

<div class="navbar navbar-inverse">
<div class="navbar-inner">
    <div class="container">
        <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
        <p class="brand hidden-desktop">Menu</p>
        <div class="nav-collapse collapse navbar-responsive-collapse ss-icon">
        <?php $sitenavigatie = array(
            'theme_location'  => 'header-menu-left-page',
            'menu_class'      => 'menu',
            'echo'            => true,
            'fallback_cb'     => 'wp_page_menu',
            'items_wrap'      => '<ul id="%1$s" class="nav %2$s">%3$s</ul>',
            'depth'           => 0,
            'walker'          => new TessWalkerMenu());
            wp_nav_menu( $sitenavigatie ); ?>
        </div> <!-- end .nav-collapse .collapse .navbar-responsive-collapse -->
    </div> <!-- end .container-fluid -->
</div> <!-- end .navbar-inner -->

フィドルのjQuery:

$('.nav-collapse').click('li', function() {
  $('.nav-collapse').collapse('hide');
});

誰かが助けてくれることを願っています。