Bootstrap中的完全可点击手风琴 [英] Full Clickable Accordion in Bootstrap

问题描述

我使用引导程序在php中为手机创建了一个付款页面.如果访问者单击文本，则面板正在扩展.但是，如果访客单击附近的文本，则面板不会扩展.这没用.

I created a payment page for mobile in php with bootstrap. If visitor click the text the panel is expanding. But if visitor clicks nearby text the panel is not expanding. This is not useful.

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

How can we transform collapsed panel to full clickable ?

推荐答案

您将需要将"href"属性放在具有"panel-heading"类的div元素上，还需要在其中放置"data-toggle"属性.像这样:

You will need to put the "href" attribute on the div element with class "panel-heading", also put there the "data-toggle" attribute. Like This:

<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放在保存"panel-body"的"panel-collapse"元素中.祝你好运:)

Hope That Helps, dont forget to put the same ID to the "panel-collapse" element that holds the "panel-body". Good Luck :)

这篇关于Bootstrap中的完全可点击手风琴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！