折叠后隐藏按钮在引导中切换

Question

从引导网站给出以下用于折叠功能的代码：

<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  Link with href
</a> 
<div class="collapse" id="collapseExample">
  <div class="well">
    ...
  </div>
</div>

我想做的是隐藏链接，链接一旦打开便会调用折叠功能，有人知道我可以在不添加其他J的情况下做到这一点的方法吗？

Answer 1

单击按钮后，我用它来隐藏按钮：

HTML（只添加了一个类“ hide-me”）：

<button class="btn btn-default hide-me" data-toggle="collapse" data-target="#search" id="search-display">My Button</button>

CSS：

.hide-me[aria-expanded="true"] {display: none;}

Answer 2

添加这个：

$('.btn').toggle();

我建议您向此按钮添加一个附加类或为其指定一个 id 以将其与其他按钮区分开来。