javascript - 如何在点击后展开div并在再次点击后折叠它？

Question

我有一个使用 Simple-expand 创建的可展开/可折叠元素 (用于展开/折叠元素的 jQuery 插件)。

我想做的是在用户点击它时更改元素的 css，展开它，并在用户再次点击它时再次更改它，折叠它。

问题是，我不知道该怎么做。我知道如何在单击时更改类，但是在用户“取消单击”此选项卡并且它缩小后如何更改 CSS？

编辑:感谢 George 纠正我想做的事情，让我更清楚。我有点累了，所以我需要快点。我知道这是一个非常糟糕的借口，但我完全理解并尊重你们给我负面反馈的人。

基本上我需要的是:

• 有 6 个不同的 div；
• 当您点击一个 div 时，它会展开；
• 当您点击另一个 div 时，它会检查是否有任何这些 div 已展开，如果是 - 关闭(折叠)它们，然后打开我点击的那个 div。

对于这个简单的任务(真的很简单，只是我太笨了)我需要使用 jQuery this 语句和一些 if。

我在此处发布此帖子 15 分钟后找到了解决方案，我想删除它，不幸的是，我不能，因为它有答案。

感谢所有试图帮助我的人，感谢你们的帮助。

干杯!

Answer 1

只需在元素展开时使用一个类，并在点击时使用 toggleClass() 切换类

$( ".your_element" ).click(function() {
  $( this ).toggleClass( "expanded" );
});