javascript - 调用 Bootstrap 崩溃 ('show' ) 仅在第一次隐藏元素

Question

我正在使用带有折叠元素的 Bootstrap v2.3.2。

我的 Accordion 看起来像这样:

<div class="accordion" id="accordion">
        <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
               <strong><i class="icon-chevron-down"></i>Search options</strong>
             </a>
        </div>
        <div id="collapseOne" class="accordion-body collapse in">
            <div class="accordion-inner">
                Hello
            </div>
        </div>
    </div>
</div>

如果我通过单击折叠元素 #collapseOne，没问题。

但是如果我调用函数$("#collapseOne").collapse('show'); ，除了显示之外该元素将隐藏，但仅在第一次调用时且仅当我不' 在此之前折叠点击它的元素。我想我忘记了一个 HTML 元素，但我看不出与 DOM 有任何区别...

Fiddle :点击“点击我”按钮之前没有点击可折叠元素。

---

已经尝试:添加 $accordion.collapse({toggle:true}) ( https://github.com/twbs/bootstrap/issues/5859 ) 但没有成功...

Answer 1

$accordion.collapse({toggle:false}) 修复了切换问题，但在错误的元素上。

您需要修复 #collapseOne

$("#collapseOne").collapse({toggle:false});

FIDDLE