Javascript 使用jquery折叠div

我有两个女主角，一个是女主角，一个是女主角。我在divB上面有一个最大化按钮。 当我点击divB上的按钮时，divB应该占据divA的空间并变得更大，divA应该被折叠。 再次单击时，应将其恢复为正常大小。

---

如何使用jquery获得此功能？

答案是使用jquery的切换或动画功能。Viraj Nalawade为您提供了一个关于如何使用slideToggle和折叠一个div的好例子

我在这里为您提供另一个包含两个div的示例：或参见下面的代码片段：

var original_width=$divA.width； var max_width=原始_width*18/10； 变量最小宽度=原始宽度*2/10； var div_status={}； $button.clickfunction{ var parent=$this.parent； var sibling=$parent.sibles； var parent_id=$parent.attrid； var sibling_id=$sibling.attrid； if div_状态[父项id]{ div_status[parent_id]=false； }否则{ div_status[parent_id]=真； div_status[兄弟姐妹id]=false； } if div_状态[父项id]{ $parent.animate{ 宽度：最大宽度+px }; $sibling.animate{ 宽度：最小宽度+像素 }; }否则{ $parent.animate{ 宽度：原始宽度+像素 }; $sibling.animate{ 宽度：原始宽度+像素 }; } }; 容器{ 宽度：500px； 浮动：左； } 机动部队{ 浮动：左； 宽度：50%； 高度：200px； } 女主角{ 背景色：红色； } 女主角{ 背景颜色：绿色； } 女主角 女主角

---

您需要共享您的代码HTML、css和脚本。。。你已经试过了这不是一个最好的提问方式。。添加一些您使用的代码。。如果不是用代码开始的，就开始吧。。这里有一个供参考的小提琴链接