其他手风琴内的手风琴不会使用Internet Explorer调整身体内容的高度

Question

我用Bootstrap 2.0做了一个手风琴，其手环还有其他手风琴：

<div class="accordion" id="accordion1" >
    <div class="accordion-group">
        <div class="accordion-heading">
            <a href="#content1" data-toggle="collapse"
                data-parent="#accordion1" class="accordion-toggle">Accordion1</a>
        </div>
        <div class="accordion-body" id="content1" >
            <div class="accordion-inner">
                <div class="accordion" id="accordion2">
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a href="#content2" data-toggle="collapse"
                                data-parent="#accordion2">Accordion2</a>
                        </div>
                        <div class="accordion-body collapse" id="content2">
                            <div class="row-fluid">
                                <div class="span3">
                                    <a href="#">Button1</a>
                                </div>
                                <div class="span3">
                                    <a href="#">Button2</a>
                                </div>
                                <div class="span3">
                                    <a href="#">Button3</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

使用Internet Explorer 9时，我第一次加载已加载的主要手风琴（accordion1）并且accordion2已关闭，当我打开accordion2时，它会调整大小accordion1的高度以正确显示其内容。 但在此之后，如果我崩溃accordion2，我崩溃accordion1之后，当我重新打开accordion1而accordion2之后，accordion2则不会调整accordion1的高度...因此我看不到accordion2的内容。

使用Firefox没有问题，Firefox会毫无问题地调整accordion1的内容。 我试图放置属性height:auto，但它没有做任何事情......

感谢。

Answer 1

我已经解决了我的问题。 解决方案是Internet Explorer 9存在此错误，但在Internet Explorer 10中，此问题已得到解决。