单击后如何更改展开div并在再次单击后折叠它？

Question

我有一个可解释/可折叠的元素,我使用Simple-expand (一个jQuery插件来扩展/折叠元素)创建.

我想要做的是当用户点击它时,更改元素的css,扩展它,并在用户再次点击它时再次更改它,折叠它.

问题是,我不知道该怎么做.我知道如何在点击时更改课程,但是如何在用户"未点击"此选项卡后更改CSS并且它会缩小？

编辑:感谢乔治纠正我想做的事情,更清楚.我有点累,所以我很快就需要它.我知道这是非常糟糕的借口,但我完全理解和尊重你们,他们给了我负面的反馈.

基本上我需要的是:

• 有6个不同的div;
• 当你点击一个div时,它会扩展;
• 当你点击另一个div时,它会检查是否有任何这些div是EXPANDED,如果是 - 关闭(折叠)它们,然后打开我点击的div.

对于那个简单的任务(它非常简单,只是我是愚蠢的)我需要使用jQuery this语句和一些if.

我在这里发布这篇文章后15分钟后发现了一个解决方案,我想删除它,不幸的是,我不能,因为它有答案.

感谢所有试图帮助我的人,感谢您的帮助.

干杯!

Answer 1

只需在扩展元素时使用类,并toggleClass()在单击时切换类

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