Jquery 当我点击其中一个时,引导崩溃,只有这个会展开,其余的会自动隐藏

Jquery 当我点击其中一个时,引导崩溃,只有这个会展开,其余的会自动隐藏,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,当我点击更多时,它会很好地展开。但我想在单击另一个时隐藏塌陷的其余部分。以下是我的源代码: 内容内容 隐藏内容隐藏内容隐藏内容隐藏内容 更多 内容内容 隐藏内容隐藏内容隐藏内容隐藏内容 更多 内容内容 隐藏内容隐藏内容隐藏内容隐藏内容 更多 您需要做的就是添加一个简短的jQuery代码,它利用了引导的方法和事件: $('.content').on('show.bs.collapse', function() { $(this).siblings().children().collaps

当我点击更多时,它会很好地展开。但我想在单击另一个时隐藏塌陷的其余部分。以下是我的源代码:


内容内容

隐藏内容隐藏内容隐藏内容隐藏内容

更多 内容内容

隐藏内容隐藏内容隐藏内容隐藏内容

更多 内容内容

隐藏内容隐藏内容隐藏内容隐藏内容

更多
您需要做的就是添加一个简短的jQuery代码,它利用了引导的方法和事件:

$('.content').on('show.bs.collapse', function() {
   $(this).siblings().children().collapse('hide');
});
您可以在下面查看一个工作示例:

$('.content').on('show.bs.collapse',function()){
$(this.sides().children().collapse('hide');
});

内容内容

隐藏内容隐藏内容隐藏内容隐藏内容

更多 内容内容

隐藏内容隐藏内容隐藏内容隐藏内容

更多 内容内容

隐藏内容隐藏内容隐藏内容隐藏内容

更多
使用引导而不是单折叠。很抱歉,我不想使用手风琴,因为我的总体结构必须更改。是否可以只使用collapse和一些Jquery?谢谢。我希望就是这一次。欢迎光临。使用引导事件和方法是完成某些事情最简单的方法。