使用数据切换折叠来定位到div

时间:2016-07-05 22:25:46

标签: html css twitter-bootstrap twitter-bootstrap-3

我想要实现的是用一个链接切换两个div;所以在点击此链接的同时切换#virtual-gifts div和#external div。

我尝试使用的链接;

<a href="#" data-toggle="collapse" data-target="#virtual-gifts #external">test</a>

divs;

<div id="external" class="collapse">
This is the external div
</div>

<div id="virtual-gifts" class="collapse">
This is the virtual-gifts div
</div>

2 个答案:

答案 0 :(得分:1)

使用逗号,分隔ID #,如下所示:

<a href="#" data-toggle="collapse" data-target="#virtual-gifts,#external">test</a>

查看有关words2map

的更多信息

答案 1 :(得分:0)

大家好,您应该可以使用以下代码定位'a'。

$('a[data-toggle="collapse"]').on('click',function(){
   $('.collapse').toggle();
});