Bootstrap中的完全可点击手风琴

Question

我在php中使用bootstrap创建了一个移动支付页面。如果访问者单击该面板正在展开的文本。但如果访问者点击附近的文字，则面板不会扩展。这没用。

我们如何将折叠面板转换为完全可点击？

Answer 1

您可以使用$('#myAccordion').collapse('toggle')

手动切换手风琴

只需设置一个事件处理程序，即可查看您想要点击的任何区域的点击次数，然后切换手风琴。

供参考：http://getbootstrap.com/javascript/#collapse

Answer 2

你需要把＆＃34; href＆＃34;使用class＆＃34; panel-heading＆＃34;对div元素进行属性，同时放置＆＃34; data-toggle＆＃34;属性。像这样：

<div class="panel-heading invisible" data-toggle="collapse" href="#collapseOne">
        <h1 class="panel-title">
            Title
        </h1>
    </div>
<div id="collapseOne" class="panel-collapse collapse">
    <div class="panel-body">
    </div>
</div>

希望有所帮助，不要忘记将相同的ID放到＆＃34;面板折叠＆＃34;包含＆＃34; panel-body＆＃34;的元素。祝你好运：）