jquery - jQuery経由でFoundationの拡張モバイルトップバーを閉じる方法は?

Question

アイテムの1つをクリックすると、Foundationで展開されたトップバーを閉じる方法があるのではないかと思っていますか? 私はこれの中心に置く何かを探していると思います:

$('#some-menu-item').click(function() {
    //some function to collapse the menu
});

Answer 1

Foundation のtopbar.jsの 174 ～ 176 行を持ち上げて、それを理解しました。

$('#some-menu-item').click(function() {
    $('.top-bar, [data-topbar]').css('height', '').removeClass('expanded');
});

Answer 2

よりクリーンな方法：

$(document).on("click", ".top-bar li", function () {
     Foundation.libs.topbar.toggle($('.top-bar'));
 });

Answer 3

同じ問題に対する私の簡単な解決策があります：

これをヘッダーに置きます：

<script type="text/javascript">
 /*Fix toggle menu*/
 function fixToggleMenu()
 {
    Foundation.libs.topbar.toggle($('.top-bar'));
 }
</script>

次に、href でこの関数を呼び出します。

...
<li><a href="#services" onClick="fixToggleMenu();">Services</a></li>
...