jquery - レスポンシブ メニューを 2 回ではなく 1 回のクリックで表示する

Question

.menubuttonがクリックされたときにメニューを表示（scrollDown）し、メニュー内のリンクがクリックされたときにメニューを再び非表示（scrollUp）にするために、次のことを考え出しました。

var navi = $('#navigation').hide();

$('.menubutton').toggle(function() {
    navi.slideDown();
}, function() {
    navi.slideUp();
});

$('#navigation a').click(function() {
    navi.slideUp();
});

問題は、メニュー リンクがクリックされた場合.menubutton、メニューを再度表示 (スクロールダウン) するために 2 回クリックする必要があることです。

これはなぜですか？.menubutton毎回1クリックで返信したい。