jquery - 棘手的添加，删除类

Question

我正面临着手风琴菜单的一些棘手挑战。我有一个颜色选择器，我可以从中挑选颜色。到目前为止一切都很好。我的颜色选择器创建了一个 cookie 来保留用户选择的颜色。我也有面板如何展开和折叠。棘手的一点是，一旦我选择了无法展开的颜色，就会像以前一样折叠我的幻灯片。

看一看

//This is the tricky part
$(".js_slide").click(function () {
    var $contentBlock = $(this).next("li[id^=content_]");

    if ($contentBlock.hasClass("is_open")) {
        $contentBlock.animate({
            width: '0%'
        }).removeClass("is_open");
    } 
    else {
        // if a content box is open (=> an element with the class .is_open exists), close it
        $(".js_content.is_open").animate({
            width: '0%'
        }).removeClass("is_open");
        $contentBlock.animate({
            width: '42%'
        }, 500).addClass("is_open");
    }
});