jquery - 我怎样才能让我的 div 在第二次点击时恢复到原来的背景颜色？

Question

我正在使用 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>

有人对我有什么想法吗？

Answer 1

试试 toggleClass

    $("div.display-menu").toggleClass("display-menu").toggleClass("display-menu1");
    $("a.click").toggleClass("click").toggleClass("current");