Jquery 复杂的添加、删除类

我面临着一些棘手的挑战，有一个协调菜单。我有一个颜色选择器，我从他那里挑选颜色。直到现在一切都很好。我的颜色选择器创建了一个保留用户选择的颜色的cookie。我也有如何展开和折叠的面板。棘手的是，一旦我选择了一种无法展开的颜色，我就会像以前一样折叠幻灯片

---

仅供参考，在您的JSFIDLE示例中，有相当多的

标记尚未关闭。完成！但问题不在于：）好吧，我以为是.removeClass（），但你的代码两端都有bug，所以我无法回答。对不起：（在我更改了我的“编辑”菜单的颜色后，出现了一些问题，谢谢。如果你知道有人可以修复它，我将非常感激：）

//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");
    }
});