bootstrap 点击切换图标
时间: 2023-07-18 19:37:24 浏览: 157
要实现 Bootstrap 点击切换图标,你可以使用 Bootstrap 的 Collapse 插件和一些 JavaScript 代码。以下是一个简单的示例:
HTML 代码:
```
<button class="btn btn-primary" data-toggle="collapse" data-target="#demo">
切换
</button>
<div id="demo" class="collapse">
<p>这是要切换的内容。</p>
</div>
```
JavaScript 代码:
```
$(function() {
$('.btn').click(function() {
$(this).find('i').toggleClass('glyphicon-triangle-bottom glyphicon-triangle-top');
});
});
```
在这个示例中,当按钮被点击时,它会切换 Collapse 插件中的内容的可见性,并且切换按钮上的图标。你可以根据需要调整 JavaScript 代码中的 CSS 类名来使用不同的图标。
阅读全文