javascript - 之后隐藏 Bootstrap 折叠触发按钮

Question

我有一个按钮可以触发折叠潜水并将其打开。我想让按钮在被点击后消失。

按钮:

 <button id="show-more-home" data-toggle="collapse" data-target="#demo" class="btn btn-default"><i class="ion-chevron-down"></i> </button> 

我尝试了这个 js 但没有成功:

<script>
  $("#show-more-home").addClass('hidden');
</script>

Answer 1

您可以只使用 jQuery .hide() 函数:

<script>
  $("body").on('click','#show-more-home', function(){ $(this).hide(); });
</script>

或者如果您有一个 .hidden 类，例如:

.hidden {display:none !important;} 

您还可以隐藏它，例如:

<script>
  $("body").on('click','#show-more-home',function(){ $(this).addClass('hidden'); });
</script>