Jquery 通过单击两个div在它们之间切换（无按钮）

我正在使用引导折叠选项，目前我有：

<div class="card">
    <a data-target="#collapse1" data-toggle="collapse">
        <div class="cardbody">
        <div class="collapse show" id="collapse1">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed ligula sollicitudin, facilisis lacus sit amet, ullamcorper metus. Aliquam finibus aliquet sem, maximus tincidunt erat. Etiam sollicitudin dui pharetra, ultrices felis vitae, tincidunt odio. Nullam fringilla porttitor purus in vulputate. Maecenas quam tortor, auctor nec bibendum at, ornare condimentum arcu. Duis a diam scelerisque, dignissim mi a, ultricies lacus. 
        </div>
     </div>
      </a>
    </div>

如您所见，可以单击卡上的任何位置，它将前后切换折叠功能

---

但是，有没有一种高贵的解决方案可以以类似的方式在两个不同的div之间切换？

是的，隐藏一个div并显示另一个div：

函数切换divs{ $'.content'.toggleClass'active' } .内容{ 边框：1px纯蓝色； 填充：30px； 颜色：白色； 字体大小：粗体； 显示：无； } .主动{ 显示：块； } .c1{ 背景色：红色； } .c2{ 背景颜色：绿色； } 内容1 内容2

---

您想要2个div，并且在单击时隐藏任何div？是的，Justinas选项非常有用。谢谢哦，这太完美了！我试着在bootstrap中使用手风琴，但这太痛苦了。谢谢