Question

我在页面顶部有一个号召性用语按钮。它链接到页面下方的位置，我有一个Bootstrap手风琴。当您到达那里时，可以通过单击CTA按钮使手风琴的第一个面板打开吗？

Answer 1

你可以使用Bootstrap 3 Collapse（我想你说过这个）。只需在按钮上使用对折叠ID的引用即可。参见示例：

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Link with href
</a>

<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-target
</button>

<div class="collapse" id="collapseExample">
    <div class="well">
        ...
    </div>
</div>

您可以阅读引导页面并掠夺此示例： http://getbootstrap.com/javascript/#collapse

Bootstrap手风琴：抵达时打开面板

1 个答案: