Jquery Bootstrap 3.3.2-当折叠内容可见时激发JS

我使用Twitter的Bootstrap3“collapse”来显示和隐藏一列中的某些内容，而另一列需要保持与包含可折叠内容的列相同的高度

在寻找使两列保持相同高度的方法时，我发现SAM152引用了这张纸条：

这对于在内容折叠时设置页面加载时的列高度非常有用

这是一个“折叠”的例子——页面上有多个这样的例子

<div class="collapse-item">
<a class="collapse-text collapsed" data-toggle="collapse" href="#collapseAbout" aria-expanded="false" aria-controls="collapseAbout">About 
</a>

<div class="collapse" id="collapseAbout">
    <div>
        <p>Blah, blah, blah...</p>
    </div>
    <div class="text-center gtButton">
        <a class="gtButton" href="/About.aspx">LEARN MORE</a>
    </div>
</div>

我四处搜索并查看了许多解决方案，但没有成功地实施其中任何一个

基本上，我要做的是调用“$（'.equalHeight'）.responsiveEqualHeightGrid（）； “当内容可见性更改时-在单击导致其显示或不显示的操作时不调用它

谢谢你的帮助

$('.collapse-text').on("click", function () {
        $('.equalHeight').responsiveEqualHeightGrid(2);
    }); 

其中2是列数

$('.group-of-elements').equalHeightGrid(n); // Where n is the number of columns.

---

尝试在折叠内容可见后，使用折叠事件“show.bs.collapse”将Jquery插件初始化为等高

---

我不确定这会做什么-被调用的函数确实工作得很好-它是关于何时被调用的。经过轻微的编辑，它工作得很好。我必须将“.collapse text”切换到“.collapse”，即要显示的内容的样式-我可以在这里重命名我的样式，因为它们令人困惑。：）我还使用崩溃事件“hidden.bs.collapse”添加了第二个。这一个缩小了隐藏内容上的列。所有这些都会使页面有一点跳跃，但它满足了我的要求，我将不得不看看一旦我加载了一大堆内容，这是否会成为一个问题。谢谢

$('.group-of-elements').equalHeightGrid(n); // Where n is the number of columns.

$('.collapse-text').on('shown.bs.collapse', function () {
  // Initialize here
})