Jquery 右边框样式不随手风琴向下延伸

我创建了一个html页面，其中一个div中有一个手风琴，另一个div元素中有一个菜单。menu div在元素右侧有一个简单的边框样式，使用

height:100%;
 border-right-width:2px;
 border-right-style:solid;
 border-right-color:#4875B4;

这一切都很好地工作，但是，每当我展开一个手风琴头的边界不扩大，我想它也会，因为高度设置为100%。我不能在手风琴上使用边框样式，因为在我使用的代码中，我将其作为默认值隐藏

JSFIDLE

---

请选择第3节，以查看边界不以手风琴延伸

我希望您的问题是这样的：

将CSS替换为：

.accordion {
 position:absolute;
 color: #AAA;
 //title-background:black;
 top:0;
 left:195px;
 padding: 0px;
 width:100%;
}

它使分区的边界100%向右

菜单周围的边框：

#menus{
 position:absolute;
 top:2px;
 left:0;
 width:190px;
 height:100%;
 border-style:solid;
 border-right-width:2px;
 border-right-style:solid;
 border-right-color:#119900;

}

---

有两种方法可以解决你的问题

首先

从菜单中删除右边框，并将左边框应用于div.accordion

像

拨弄

第二

通过使用js，您必须找到手风琴的高度，并将该高度应用到手风琴div的单击事件上

但这会产生问题，可能需要更改HTML结构

---

因此，我认为第一个对您有好处。

如果您希望背景图像填充它：而不是不重复使其重复对不起，我希望在“菜单”div上有一个边框，而不是手风琴，因为手风琴在我的源代码中加载时隐藏不幸的是，这并不能解决它。当您展开“section 3”，然后向下滚动页面时，您将看到边框没有向下移动到底部。我想您需要一些jquery来实现这一点。因为它仍然是100%。但是第三部分在100%的高度之下，创造了css看不到的新的100%高度。为什么不在手风琴上加上边框呢？为什么不在窗格中添加边框呢？嗨，Rohan，我想使用你的第二种解决方案，但是，每当我单击手风琴标题时，它会在单击之前拾取高度。这会导致折叠标头时边框变长。

.accordion {border-left:2px solid #F00;}

$('div#menus').height($('div.accordion').height());