我可以为Twitter Bootstrap折叠指定多个数据目标吗？
我可以为Twitter Bootstrap折叠指定多个数据目标吗？
提问于 2013-12-03 06:33:55
当单击单个触发器时，我想针对两个div进行扩展？这有可能吗？
回答 6
Stack Overflow用户
发布于 2014-03-14 18:23:48
您只需在data-target中添加以逗号分隔的所有ids
<button type="button" data-toggle="collapse" data-target="#demo,#demo1,#demo2">
Hide them all
</button>Stack Overflow用户
发布于 2013-12-03 06:51:57
对两个div使用相同的类，并根据此设置您的data-target。给你的div赋予相同的父类(也可以是一个类)，并根据这个设置data-parent。
<button type="button" data-parent="#wrap" data-toggle="collapse" data-target=".demo">
simple collapsible
</button>
<div id="wrap">
<div class="demo collapse">
test1
</div>
<div class="demo collapse">
test1
</div>
</div>Stack Overflow用户
发布于 2015-03-05 01:46:26
如果你想隐藏一个元素而显示另一个元素(就像bootstrap accordion，但是没有面板)，你可以添加多个目标，但也可以添加类'in‘，以便在加载时展开一个元素！
<div class="collapse text-center clearfix in" id="section1">
<h1>This is section 1</h1>
<p>Are you excited about toggling?</p>
</div>
<div class="collapse text-center clearfix alert-warning" id="section2">
<h1>Boo!!</h1>
<p>This is a new sentence</p>
</div>
<button class="btn btn-block btn-primary" data-toggle="collapse" data-target="#section1,#section2">Toggle</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20339239
复制相关文章
相似问题