1

別のリンクを無効にして、トグル機能で再度有効にする方法はありますか。

ここに私のスクリプトがあります。「エンターテイメント」をクリックしたときに「ミリタリー」を無効にしたいのですが、トグルが戻ったときにリンクを再度有効にします。

$("[href='#Entertainment']").click(function () {
$("#Entertainment").toggle("slow");

});


$("[href='#Military']").click(function () {
$("#Military").toggle("slow");

});

とにかくこれを行うことはありますか？

4

1 に答える 1

1

わかりました、わかりました...

これが実際の例ですFIDDLE

このようにHTMLを設定し、リンクにIDを付けます

<a id='Elink' href='#Entertainment'>Entertainment</a>
<a id='Mlink' href='#Military'>Military</a>
<div id='Entertainment'>EntertainmentContent</div>
<div id='Military'>Military Content</div>

次にクリックすると、トグルが発生した後、コールバック関数が対応する仕切りが表示されているかどうかを確認します。表示されている場合は他のリンクが無効になり、表示されていない場合は他のリンクが有効になります

$("#Elink").on('click', eclick);    
$("#Mlink").on('click', mclick);


function mclick() {

        $("#Military").toggle("slow", function() {
            if ($("#Military").is(':visible')) {
                $("#Elink").attr('href', 'javascript:void(0);').off('click');
            } else {
                $("#Elink").attr('href', '#Entertainment').on('click', eclick);
            }
        });
}

function eclick() {
        $("#Entertainment").toggle("slow", function() {
            if ($("#Entertainment").is(':visible')) {
                $("#Mlink").attr('href', 'javascript:void(0);').off('click');
            } else {
                $("#Mlink").attr('href', '#Military').on('click', mclick);
            }
        });
}
于 2012-11-15T23:08:13.323 に答える