bootstrap 3崩溃显示并隐藏重叠的海誓山盟

Question

我有一个网站使用引导程序3，并在单击图像时执行折叠面板。我有代码来监视'show'事件，它将'隐藏'所有面板。即时通讯的问题在于转换动画并未等待彼此完成，导致一些奇怪的动画发生。示例页面在这里（http://urbantimber.ca/newsite/product-flooring.html）。

我的函数看起来像：

$(function() { 
     var active = true; 
     $('#accordion').on('show.bs.collapse', function() { 
      if (active) $('#accordion .in').collapse('hide'); 
     }); 
    }); 

我也试图通过速度设定为0.001S但昙花一现还是显示了否定的过渡。

寻找如何看即得成品Show事件之前的动画完成的任何想法。即时通讯认为它需要是一个点击事件之前，节目甚至开始，但我不知道如何去做这件事。任何想法或意见非常感谢。

Answer 1

，如果你不是最好还是先创建自己实现我不知道。你并没有真正使用任何'手风琴'功能。也许只是让一个点击事件处理程序附加到每个图像上来检查是否显示详细信息面板会更容易，如果不是，则只需使用jquery show方法显示它。如果它已经显示，您可以用项目的详细信息替换面板html。 （顺便说一句，漂亮的网站）。