【问题标题】:only closing specific collapsible items when opening one in Bootstrap 3在 Bootstrap 3 中打开一个时只关闭特定的可折叠项目
【发布时间】:2017-03-16 21:24:44
【问题描述】:

我的 Bootstrap 可折叠物品有些问题。根据答案Answer with the corresponding javascript 我只想关闭表中的可折叠项目,因为我的页面上有其他可折叠项目(在菜单中)。这些项目正在工作,您可以打开并且它不会自动关闭它们(我希望它像那样工作)。现在我从该答案(上面的链接)中插入该 javascript 代码,当我打开一个可折叠项目时,它将关闭网站上的所有其他可折叠项目。如何只关闭特定的?

基本上我想要这个:JS-Fiddleklick the link fot the code。如果单击一行的第一个表,它应该打开文本,如果单击 SAME 表的另一行,它应该关闭另一个。单击一行上的第二个表时,它不应关闭第一个表的打开内容。

谢谢大家的回答:D

【问题讨论】:

  • 请分享代码
  • @ZimSystem 我添加了代码。

标签: javascript jquery css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:
<script>
    $(document).ready(function(){

    $(".collapse").on('hide.bs.collapse', function(){
        alert('The collapsible content is about to be hidden.');
    });
    $(".collapse").on('hidden.bs.collapse', function(){
        alert('The collapsible content is now hidden.');
    });
});
</script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-11-19
    • 2016-02-28
    • 2021-10-03
    • 2014-08-11
    • 2012-08-26
    • 1970-01-01
    • 2015-01-18
    • 2023-03-10
    相关资源
    最近更新 更多