Twitter bootstrap 单击一次可打开位于两个独立手风琴中的两个可折叠面板（面板组）

我有两个分开的手风琴（bootstrap3）。我想打开两个手风琴的同一个可折叠面板，只需单击一下。我用相同的“ID”尝试了两个可折叠面板，但当我点击时，只有第一个手风琴面板打开

<div class="panel-group" id="accordion">
 <div class="panel">
  <div class="panel-heading" data-toggle="collapse" href="#collapseOne"> // 1* i want when i click this 2*
  </div>
 </div>
</div>
<div class="panel-group" id="accordion">
 <div class="panel">
  <div class="panel-heading" data-toggle="collapse" href="#collapseOne"> // 2* this to be open too
  </div>
 </div>
</div>

//1*我单击此按钮时需要2*
//2*这个也要打开

因此，我可以通过修改“href”属性（当然，如果可能的话）来实现这一点吗？或者我需要使用

onclick

事件编写一些JQuery来执行类似于

addClass

的操作，将类折叠到元素中？

您可以使用

.collapse（'toggle'）

来实现这一点。参见示例

$（'.panel default'）。在（'click'，function（）上{
$（'.panel collapse'）。collapse（'toggle'）；
});

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月临时餐厅，圣阿里夸餐厅
一只鸟在它上面鱿鱼单一来源咖啡nullaassumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月临时餐厅，圣阿里夸餐厅
一只鸟在它上面鱿鱼单一来源咖啡nullaassumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
您可以使用
.collapse（'toggle'）
来实现这一点。参见示例


$（'.panel default'）。在（'click'，function（）上{
$（'.panel collapse'）。collapse（'toggle'）；
});

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月临时餐厅，圣阿里夸餐厅
一只鸟在它上面鱿鱼单一来源咖啡nullaassumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月临时餐厅，圣阿里夸餐厅
一只鸟在它上面鱿鱼单一来源咖啡nullaassumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
您可以使用
.collapse（'toggle'）
来实现这一点。参见示例


$（'.panel default'）。在（'click'，function（）上{
$（'.panel collapse'）。collapse（'toggle'）；
});

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月临时餐厅，圣阿里夸餐厅
一只鸟在它上面鱿鱼单一来源咖啡nullaassumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月临时餐厅，圣阿里夸餐厅
一只鸟在它上面鱿鱼单一来源咖啡nullaassumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
您可以使用
.collapse（'toggle'）
来实现这一点。参见示例


$（'.panel default'）。在（'click'，function（）上{
$（'.panel collapse'）。collapse（'toggle'）；
});

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月临时餐厅，圣阿里夸餐厅
一只鸟在它上面鱿鱼单一来源咖啡nullaassumenda shoreditch et.Nihil anim keffiyeh helvetica，手工啤酒工人wes anderson cr
$('.panel-heading').click(function(){
        var href = $(this).attr('href');
        if($(href + "Dyn").hasClass("in")){
            $(href + "Dyn").removeClass("in");
        }else{
            $(href + "Dyn").addClass("in");
        }
    });

$('.panel-heading').click(function(){

    var href = $(this).attr('href');

    if($(href + "Dyn").hasClass("in")){
            $(href + "Dyn").collapse("toggle");
        }else{
            $(href + "Dyn").collapse("toggle");
        }
});