Javascript 折叠时删除类（jquery）

我试着寻找答案，但都没有解决我的问题。我是学习理解这种代码语言的初学者，我认为我的问题就在那里

我已经创建了一个JSFIDLE，其中包含了到目前为止我所拥有的东西

（）

这是我的问题：

当div展开时，它会添加“selected”类，该类执行以下操作：

.selected {
    background-color: #70a6b7;
    color: #ffffff;
}

这一切都很好。但当我折叠它时，我想将.selected移除。我用removeClass等做了几件事，但都没有做任何事情，也没有引起更多的问题

我想知道你们中是否有人能帮我解决这个问题

这就是我所尝试的：

<script>
$(document).ready(function(){
$(".desc_div").slideUp();
$(".open_div").click(function(){
    $(this).addClass("selected").next(".desc_div").slideToggle("slow").siblings('.desc_div').slideUp().removeClass("selected").end();
  });
    })
</script>

$（文档）.ready（函数（）{
$（.desc_div”）.slideUp（）；
$（“.open_div”）。单击（函数（）{
$（this）.addClass（“selected”）.next（.desc_div”）.slideToggle（“slow”）.slideUp（）.removeClass（“selected”）.end（）；
});
})

您需要使用

.toggleClass（）

而不是

.addClass（）

来切换类名：

$(".open_div").click(function(){
  $(this).toggleClass("selected").next(".desc_div").slideToggle("slow").siblings('.desc_div').slideUp().removeClass("selected").end();
});

---

请包括您尝试的无效代码。您能告诉我们您试图实现的确切行为吗？抱歉，回复太晚，但我想感谢您的帮助！事实证明这有点复杂，因为在我的代码中，四个div不是在一个主div中，而是2对2，如果你明白我的意思的话。这就是为什么toggleClass给我带来了麻烦。我不知道该如何解释，但最终有人想出了一个完全不同的解决方案，似乎奏效了（直到另一个问题发生）。无论如何，谢谢你@很高兴这有帮助：）