Question

有没有人知道是否可以不必使用按钮而是让用户点击文本链接来激活Bootstrap折叠？以下是当前使用的代码。此操作当前正在WordPress中使用。谢谢！

<button class="btn btn-primary" data-target="#demo" data-toggle="collapse" type="button">CLICKABLE TEXT WOULD GO HERE INSTEAD OF BUTTON</button>

<div class="collapse out" id="demo">&nbsp;
<p>Hidden Content goes here.</p>
</div>

Answer 1

您可以使用“a”标记，只需在使用相同事件时输入href =“＃”即可。或者您可以自己连接事件处理程序。 Getbootstrap.com的所有示例都很好。我使用图像，图标和其他项来模拟按钮。

Answer 2

使用带有相同按钮元素的“ a”标签。

<a data-target="#demo" data-toggle="collapse">
    CLICKABLE TEXT WOULD GO HERE INSTEAD OF BUTTON
</a>

<div class="collapse out" id="demo">
    <p>
        Hidden Content goes here.
    </p>
</div>

没有按钮的bootstrap折叠（并使用文本链接）

2 个答案: