之后隐藏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>