Tricky add，removeClass

Question

我正面临一些带有acordition菜单的棘手挑战。我有一个颜色选择器，我选择颜色的人。直到现在一切都还可以。我的颜色选择器会创建一个保留颜色用户选择的cookie。我也有面板如何扩展和colapse。棘手的一点是，一旦我选择了一个我无法展开的颜色，就像以前一样折叠我的幻灯片。

Take a look

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