bootstrap 3折叠显示和隐藏相互重叠

Question

我有一个使用bootstrap 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.001秒来否定转换，但仍然显示了blip。

在show事件结束前查找有关如何观看动画完成的任何想法。我认为它需要是在节目开始之前发生的点击事件，但我不知道如何去做。任何想法或评论都非常感谢。

Answer 1

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