如何在点击后更改展开div并在另一次点击后将其折叠？

-1

我使用Simple-expand （一个用于展开/折叠元素的jQuery插件）创建的可解析/可折叠元素。如何在点击后更改展开div并在另一次点击后将其折叠？

我想要做的是当用户点击它时展开元素的CSS，并在用户再次点击它时将其重新更改，然后将其折叠。

问题是，我不知道该怎么做。我知道如何在点击时改变班级，但是如何在用户“unclicked”这个标签后更改CSS，并且它缩小了？

编辑：感谢乔治纠正我想做什么，更清楚。我有点累，所以我需要它很快。我知道这是一个很糟糕的借口，但我完全理解并尊重你们，他们给了我负面的反馈。

基本上我所需要的，就是：

有6周不同的div;
当你点击一个div时，它会展开;
当你点击另一个div时，它会检查是否有任何这些div是EXPANDED，如果是 - 关闭（折叠）它们，并打开我点击的div。

对于这个简单的任务（这非常简单，它只是我愚蠢）我需要使用jQuery this语句和几个if。

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

感谢大家试图帮助我，我感谢您的帮助。

干杯！

来源

2016-07-29 Paulius K.

为什么不把css添加到一个特殊的类：.special {}并动态添加类？ –

*“无法发布jsFiddle链接..”*有**的原因**。相反，要解决这个问题，可以通过*网站的工作方式来工作：*问题的全部内容必须在**问题中**，而不仅仅是链接。链接腐烂，使问题及其答案在未来的人们中毫无用处，人们不应该离开现场去帮助你。在**问题中放置一个[mcve] **，最好使用Stack Snippets（'<>'工具栏按钮）使其可运行。更多：[*我如何提出一个好问题？]（/ help/how-to-ask） –

只需使用JavaScript进行更改。并在window.click事件中取消更改 –

只需使用时，该元素被扩展为一类和toggleClass()切换上点击类

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

来源

2016-07-29 10:52:26

这是应该怎么做，+1 – SteinB

这就是我想要的，再次感谢乔治。 –

快乐，我可以帮你:) –

您可以使用兑现CSS可折叠link

来源

2016-07-29 10:53:47 Vadim

fiddle Demo

CSS

.active { 
    background-color: #CC0000; 
    font-weight:bold; 
    color:#FFFFFF; 
}

使用jQuery

jQuery的

$('#button').click(function() { 
    $("#colormethis").toggleClass('active'); 
});

使用类比toggleClass启用时，该如何更改CSS。所以请尝试在你自己的代码中进行。

来源

2016-07-29 10:59:01

如何在点击后更改展开div并在另一次点击后将其折叠？

回答

相关问题