这是我的第一篇文章，所以如果我遗漏了任何问题，请告诉我。
我的帖子的目标是更好地理解创建响应式div以及我需要什么来实现这一愿景：
我希望我的网页并排有四个div（例如大约200w x 500h）
单击div时，它会扩展到更大的宽度，导致其他人移向屏幕边缘。 （所以扩展的div不会掩盖其他人）
然后，用户可以单击展开的div来折叠它，或者单击其他div中的一个以折叠展开的div并展开新单击的div。
谢谢！
答案 0 :(得分：0)
使用此https://api.jquery.com/toggleClass/，您可以添加一个类，如果您在点击事件上附加选择器，则删除它。
将div的宽度设置为200px并创建一个宽度为500px的新类！ 单击div时，将触发事件，新类将更改div宽度。
希望我足够清楚。
欢迎！
答案 1 :(得分：0)
你可以使用一些js库为你做这件事。喜欢这个（jquery依赖）：http://gridster.net/你想要的演示：http://gridster.net/demos/expandable-widgets.html你可以改变选项，从悬停变为点击以激活div扩展。