javascript - 他の要素がクリックされたときに機能をリセットする

Question

クリックするとドロップダウンメニューが表示され、2回目のクリックでそのURLに移動するナビゲーションがあります。ナビゲーションの他のリンクをクリックしたときに機能をキャンセルする方法がわかりません。私の問題は、最初のリンクをクリックしてドロップダウンを表示し、次に2番目のリンクをクリックしてドロップダウンを表示することですが、それを設定しているため、2番目にURLに移動します。したがって、最初のリンクをもう一度クリックすると、ドロップダウン メニューが表示される代わりに、その URL に移動します。そのため、2 番目のリンクがクリックされたときに最初のリンク機能をリセットする必要があり、その逆も同様です。

私のフィドルの例。

http://jsfiddle.net/3gpfc/37/

    var visibleMenu1 = $('.menuHidden0 a');
    var visibleMenu2 = $('.menuHidden1 a');

    visibleMenu1.on('click', function () {

        var clicks = $(this).data('clicks');
        if (!clicks) {
            $('.drop-nav0').addClass('menuVisible');
        } else {
            $('.drop-nav0').removeClass('menuVisible');
            return true;    
        }
        $(this).data("clicks", !clicks);    
        return false;
        visibleMenu2.off('click');
    });

    visibleMenu2.on('click', function () {

        var clicks = $(this).data('clicks');
        if (!clicks) {
            $('.drop-nav1').addClass('menuVisible');
        } else {
            $('.drop-nav1').removeClass('menuVisible');
            return true;
        }
        $(this).data("clicks", !clicks);
        return false;
        visibleMenu1.off('click');
    });

どんな助けでも大歓迎です。