1

jquery addClass および removeClass アニメーション機能を使用しています。

私がやっているのは、リンクがクリックされたときです...ドロップダウンナビゲーションが表示されます...それはレスポンシブサイト用です...しかし、それはすべて機能しています。ただし、何が起こるか...リンクをクリックすると、divクラスが変更され、リンククラスが変更されます..これは機能しています

ただし、リンクがもう一度クリックされると...両方のクラスをデフォルトのクラスに戻したい

これは私のコードです:

<div class="display-menu">
<div class="container">
<a id="displaymenu" class="click" style="color:#ffffff;" href="javascript:slideToggle();">In This Section</a>
<script>
    $("a.click").click(function(){
        $("div.display-menu").removeClass("display-menu").addClass("display-menu1");
        $("a.click").removeClass("click").addClass("current");
    });
</script>
</div>
</div>

誰かが私に何かアイデアを持っていますか?

4

3 に答える 3

4

試してみてくださいtoggleClass

    $("div.display-menu").toggleClass("display-menu").toggleClass("display-menu1");
    $("a.click").toggleClass("click").toggleClass("current");
于 2013-02-20T11:29:51.100 に答える
3

トップ div に id を追加し、要素 ID で信頼できるようにコードを変更しました

<div class="display-menu" id="displaydiv">
    <div class="container">
        <a id="displaymenu" class="click" style="color:#ffffff;" href="javascript:slideToggle();">In This Section</a>
        <script>
            $("a.click").click(function(){
                $("div#displaydiv").toggleClass("display-menu display-menu1");
                $("a#displaymenu").toggleClass("click current");
            });
        </script>
    </div>
</div>    
于 2013-02-20T11:31:37.077 に答える
1

クラスを変更しているので、IDをセレクターとして使用する方が良いでしょう。他の人が言ったように、トグルクラスを使用してください。

そうしないと、ハンドラー内の選択が 2 回目のクリックで機能しません。

<div id="display-menu-div" class="display-menu">

$("#displaymenu").click(function(){
    $("#display-menu-div").toggleClass("display-menu display-menu1");
    $("#displaymenu").toggleClass("click current");
});
于 2013-02-20T11:30:41.090 に答える