Html 如何在我的案例中设置元素的背景色

我正在尝试为我的应用程序创建一个

引导手风琴

。我在它的父元素中也有背景色。我的问题是，当我展开我的

手风琴

时，它会扩展页面的高度，而背景色不会覆盖扩展区域

我的html

<div id='wrapper>
<accordion id='accordion' close-others="false">
    <accordion-group>
        <accordion-heading >
            <h2 class='title'>Title 1</h2>
        </accordion-heading>
        <div id="first" class="panel-collapse collapse in">
            //contents...
        </div>
    </accordion-group>
  //I have 5 to 6 accordion group. 
</accordion>
</div>

有人能帮我吗？非常感谢

通过查看，我注意到您可以捕捉到所示的事件

.bs.collapse

，其中

当折叠元素对用户可见时激发 （将等待CSS转换完成

因此，您可以尝试以下方法：

$('#myCollapsible').on('shown.bs.collapse', function () {
    document.getElementById('wrapper').style.backgroundColor="red";
})

---

编辑：如果这不起作用，请尝试显示.bs.collapse

对您的问题进行处理，这样人们就可以解决它。尝试添加

溢出：隐藏到#包装器。听起来可能有一个未包含的浮点。或者，在手风琴之后添加一个
。还有一些奇怪的HTML元素。一般来说，自己编一个不是个好主意。
$('#myCollapsible').on('shown.bs.collapse', function () {
    document.getElementById('wrapper').style.backgroundColor="red";
})