Javascript 展开/折叠网页上的div

这是我的第一篇帖子，请让我知道，如果我遗漏了什么来帮助回答这个问题

我这篇文章的目标是更好地理解创建响应型div，以及实现这一愿景需要什么：

我想我的网页有四个div并排大约200w x 500h的例子

当您单击一个div时，它会扩展到更大的宽度，导致其他div向屏幕边缘移动。因此，扩大的div不会掩盖其他div

然后，用户可以单击展开的div将其折叠，或单击其他div之一将展开的div折叠并展开新单击的div

谢谢

使用此选项，您可以添加一个类，如果在单击事件时附加选择器，则可以将其删除

将div的宽度设置为200px，并创建一个宽度为500px的新类！ 当您单击div时，将触发事件，新类将更改您的div宽度

希望我说得够清楚

---

欢迎光临

您可以使用一些js库来完成这项工作。如下图所示，jQuery依赖于：演示您想要什么：您可以更改选项，从悬停更改为单击以激活div扩展。

欢迎使用StackOverflow.：-希望成员在提出问题之前发布他们尝试的解决方案，包括适用于问题的代码示例。看。这会掩盖它旁边的分区吗？不，分区会重新排列。试试看，然后你告诉我：