使用jquery打开多个Accord

我有两个手风琴，现在我的任务是，如果我可以单击任何一个手风琴，它将自动打开（展开）两个手风琴，如果我关闭任何一个手风琴，它将自动关闭（折叠）两个手风琴。这是可能的吗？请任何人帮助我使用示例代码。我正在使用引导和jquery

看看这个

小提琴

，它可以完成任务，但方式有点不同

它在

锚定标记上展开和收拢

单击

您还可以检查这个简单的

插件

，它完成了这项工作

---

你在找这样的东西吗

小提琴手：

应用的解决方案：

• 将公共类用于手风琴控件，并在标题中链接的单击事件上切换它们

代码：

$('.collapse-link').on('click', function(){
    $('.collapseOne').collapse('toggle');
});

HTML

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  <div class="panel panel-default">
    <div class="panel-heading headingOne" role="tab">
      <h4 class="panel-title">
        <a class="collapse-link" role="button" data-toggle="collapse" data-parent="#accordion" href="#" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </a>
      </h4>
    </div>
    <div class="panel-collapse collapseOne collapse" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
        Some test content 1
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading headingOne" role="tab">
      <h4 class="panel-title">
        <a class="collapse-link" role="button" data-toggle="collapse" data-parent="#accordion" href="#" aria-expanded="false" aria-controls="collapseOne">
          Collapsible Group Item #2
        </a>
      </h4>
    </div>
    <div class="panel-collapse collapseOne collapse" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
        Some test content 2
      </div>
    </div>
  </div>  
</div>

一些测试内容1
一些测试内容2

您必须发布问题代码。。。那我们就可以帮忙了。。你不能指望这里的人会写代码。嗨，subramanyam，我不想全部展开和折叠所有超链接。我只想要两个手风琴，只要你点击第一个手风琴，它就会打开并自动打开第二个手风琴。嘿，看到了，你也可以使用引导手风琴，嗨，基斯帕，我不想要全部打开和全部关闭。嗨，甘尼什，我面临一个问题，我有四个手风琴左侧两个（LHS1，LHS2），右侧两个（RHS1，RHS2）手风琴。现在我打开了LHS1，然后RHS1也自动打开。现在我打开了LHS2，然后RHS2在LHS2打开时自动打开。LHS1的顶部折叠，但RHS1没有折叠。@NavyaPrasad，你能分享你的代码吗？