Question

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

到目前为止，我已经创建了一个JSFiddle。

这是我的问题：

当div扩展时，它会添加选择的类＆＃39;，它会执行以下操作：

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

这一切都很好。但当我崩溃时，我想要。被选中被删除。我用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>

Answer 1

您需要使用.toggleClass()代替.addClass()来切换classname：

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

<强> Working Demo

崩溃时删除类（jquery）

1 个答案: