jquery - 如何切换 2 个类并在每次切换后设置一个 cookie？

Question

单击按钮时，我希望发生三件事，一个 slideToggle，在 2 个类之间切换，以及一个 cookie 的设置。我的前两件事工作正常，我现在需要设置一个 cookiecompanyDescriptionDiv或者取决于是否有一个打开或关闭的opened类closed#showhide-company-description

$(document).on('click', "#showhide-company-description", function () {
    $("#companydescription").slideToggle("slow", function () {
        $("#showhide-company-description").toggleClass("opened").toggleClass("closed");
    });
});

Answer 1

顺便说一句，您不必调用toggleClass 两次，您可以传递一个逗号分隔的类列表来切换，例如toggleClass('opened, closed')。我个人会这样做：

$(document).on('click', "#showhide-company-description", function () {
    var $toggler = $(this);
    $("#companydescription").slideToggle("slow", function () {
        var isOpen = $toggler.toggleClass('opened, closed').hasClass('opened');
        if(isOpen) {
            setCookie.routine();
        });
    });
});

这将执行切换并同时返回其“状态”。

Answer 2

检查类：

if ($("#showhide-company-description").hasClass("opened")) {
  //set cookie
}

设置 cookie