Reload Isotope＆＃34;显示全部＆＃34;显示隐藏的div

Question

我在单页网站上为投资组合（广泛）图库制作了可折叠部分。该库已应用同位素过滤器。在默认情况下，仅显示标题，但是当单击标题时，应根据下面的JQuery代码取消隐藏过滤器名称和库（使用display：none通过CSS隐藏内容）：

$(document).ready(function () {
    $('h5').click(function () {
        $(this).toggleClass("open");
        $(this).next().toggle();
    }); //end toggle
}); //end ready

当我点击标题时，它会展开过滤器名称，但不会显示图库内容。这仅在单击其中一个过滤器后发生。切换可折叠部分时，图库仍按预期显示。

所以唯一的问题是画廊的最初取消隐藏。我想通过点击标题，＆＃34;显示全部＆＃34;必须重新加载/刷新过滤器或其他相关div才能显示库。我尝试了多个命令，但似乎无法找到正确的命令。

感谢您的帮助，如果您需要更多信息，请与我们联系。

Answer 1

对延迟表示抱歉，但请通过以下链接找到设置：

http://www.davidmaes.eu/#work

感谢您的帮助。

Answer 2

我看了一下该网站，同位素没有时间计算图像大小，所以它给UL容器的高度为0：<ul class="portfolio-wrap isotope" style="position: relative; overflow: hidden; height: 0px;">，这就是图像没有出现的原因。

当用户点击过滤器时，同位素重新计算图像大小并将其应用于UL，然后重新出现图像。

您可以使用imagesloaded script进行管理，只有在图像加载完毕后才会调用同位素。

这是关于同位素与图像加载的isotope documentation。