javascript - jQuery如何实现toggleClick功能

Question

我有一个 div 部分，可以根据单击按钮隐藏/显示。我使用此 jQuery 代码通过单击“pop-design1”、“pop-design2”、“pop-design3”按钮来显示/隐藏 div。

当显示 div 后单击“pop-design1”按钮时。现在我想要实现的是，当再次单击它时，它会执行与脚本相反的操作。

我认为jQuery有一个函数toggleClick曾经可以实现类似的功能，但现在已被弃用。

感谢您的宝贵时间

谢谢

Answer 1

不要使用 removeClass() 或 addClass()，而是使用 toggleClass() 并使用 css('display', ...) 使用 .toggle()

$('.pop-design1').click(function(){
    $(".design-preview li:not(.design-preview2).selected").removeClass('selected');
    $(".design-list li:not(.design-list2).selected").removeClass('selected');
    $(".design-preview2").toggleClass('selected');
    $(".design-list2").toggleClass('selected');
    $(".overlay").toggle();
});