Jquery 隐藏内容占据高度（同位素）

我使用此图库在我的网站上显示公文包项目：

它使用同位素jquery显示项目，因此包含公文包图像的

div

容器根据其中的文章类计算高度：

<section class="main">

    <div class="portfolio">

        <article class="entry video">
            <a data-rel="prettyPhoto" href="http://vimeo.com/34266952">
            <img src="images/portfolio/work1.jpg" alt="">
            <span class="video-hover"></span>
            </a>
        </article>

        <article class="entry video">
            <a data-rel="prettyPhoto" href="http://vimeo.com/34266952">
            <img src="images/portfolio/work1.jpg" alt="">
            <span class="video-hover"></span>
            </a>
        </article>

    </div>

</section>

然后使用jquery我使用

hide（）

使它们消失：

$("article.entry.video.hidden").hide();

虽然它们被成功隐藏，但它们仍会出现在容器

div

上，因此会出现空白。我想这就是同位素自动工作的方式，但有没有办法解决这个问题呢

---

也许有一种方法可以忽略div中的article元素的高度？

因此，我没有试图隐藏这些元素，而是给了它们一个新的类名（.designs\u hidden），然后使用同位素追加来添加它们：

var $newItems = $(".designs_hidden");
$(".loadMore").click(function(){
$pfcontainer.isotope('appended', $newItems);
$pfcontainer.isotope({ filter: '.designs,.designs_hidden' });
return false;
});

var $newItems = $(".designs_hidden");
$(".loadMore").click(function(){
$pfcontainer.isotope('appended', $newItems);
$pfcontainer.isotope({ filter: '.designs,.designs_hidden' });
return false;
});