只在Bootstrap 3中打开一个特定的可折叠项目时

时间:2017-03-16 21:24:45

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

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

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

感谢您的所有答案:D

1 个答案:

答案 0 :(得分:0)

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