隐藏引导后折叠触发器按钮

Hide a Bootstrap collapse trigger button after

本文关键字：触发器 按钮 折叠 隐藏      更新时间：2023-09-26

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

按钮：

 <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>

你可以使用 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>
相关文章：