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

将 id 添加到顶部 div 并更改代码以在元素 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 作为选择器，并且像其他人所说的那样，使用切换类。

否则，处理程序中的选择将不会在第二次单击时起作用。

<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 回答