添加cookie以切换

Question

所以我试图在我的网站的“切换”部分添加cookie，问题是，我尝试了其他方法，并且它们确实有效，但是图标不同步或者切换的div中的脚本搞砸了。那么我该如何处理这些问题呢？非常感谢！

jQuery(document).ready(function ($) {
    $("#top4trigger").click(function () {
        $("#top4hide").slideToggle("slow")
        $("i", this).toggleClass("fa fa-chevron-up fa fa-chevron-down")
    });
});

Answer 1

你需要jQuery cookie来实现这个目的。

$.cookie('your_cookie_name', 'your_cookie_value', { path: '/' });

您可以尝试以下内容：

if ($(this).hasClass("class-name")) {
    // add and remove classes and cookie
  } else {
    // add and remove classes and cookie
}