Javascript 引导手风琴-切换所有嵌套元素
我在一个页面上有很多嵌套的引导可折叠元素。 举例来说 如何设置链接以仅在父元素内切换所有元素Javascript 引导手风琴-切换所有嵌套元素,javascript,jquery,twitter-bootstrap,collapse,Javascript,Jquery,Twitter Bootstrap,Collapse,我在一个页面上有很多嵌套的引导可折叠元素。 举例来说 如何设置链接以仅在父元素内切换所有元素 <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title"> <a href="#collapse-764" data-parent="#collapsible-" class="acco
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a href="#collapse-764" data-parent="#collapsible-" class="accordion-toggle" data-toggle="collapse">Headline 1</a>
</h2>
</div>
<div id="collapse-764" class="panel-collapse collapse">
<div class="panel-body">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="csc-firstHeader panel-title">
<a href="#collapse-765" data-parent="#collapsible-764" class="accordion-toggle" data-toggle="collapse">Headline 1.1</a>
</h2>
</div>
<div id="collapse-765" class="panel-collapse collapse">
<div class="panel-body">
<p>Text 1.1</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a href="#collapse-766" data-parent="#collapsible-764" class="accordion-toggle" data-toggle="collapse">Headline 1.2</a>
</h2>
</div>
<div id="collapse-766" class="panel-collapse collapse">
<div class="panel-body">
<p>Text 1.2</p>
</div>
</div>
</div>
</div>
</div>
</div>
案文1.1
案文1.2
您可以在按钮中添加一个特殊类closeall
,然后使用jQuery切换折叠状态
$('.closeall').click(function(){
$(this).parents('.panel-heading') // find the parent heading element
.next('.panel-collapse') // find the next collapse element
.collapse('show') // make sure it's open
.find('.panel-collapse') // find inner collapse elements
.collapse('toggle'); // toggle their state
});
演示:
相关问题我想我对你的问题的理解有点不同,我知道你已经排除了答案,但我想我还是会回答的,因为我对jQuery非常陌生,希望得到反馈
$el = $(".accordian-toggle").first(); //Use whatever selector you have to to select the parent element
$el.click(); //expand/toggle that element
//then use that elements href attribute as the selector to find all toggleable 'child' elements
$($el.attr('href')).find(".accordion-toggle").each(function(){
$(this).click();
});
我接着调用了collapse(),这是Bootstrap特有的吗?我以前从未在jQuery中见过它是的。。这是一个引导组件