Javascript 显示手风琴时从后向前的同位素布局

我已经在我的项目中添加了同位素，到目前为止一切都很好

我已经在其中实现了引导手风琴，因此当点击a href时，div将滑动打开以显示其他信息，并稍微向下推第二行，以便可以在手风琴中看到内容，再次单击时，div将隐藏

我遇到的问题是，当我第一次单击a href时，什么也没有发生（它没有打开），当我再次单击它时（它打开，并显示div），但它没有向下推下面的行，当我再次单击（关闭它）时，第二行被向下推，使其从后向前。我在谷歌上搜索了这个，发现了这个

所以我尝试了上面的建议，再次触发布局，但我有上面解释的问题

 $(function() {
        // init Isotope
        var $container = $('.isotope').isotope({
            itemSelector: '.element-item',
            layoutMode: 'fitRows'
        });
        // filter functions
        var filterFns = {
            // show if number is greater than 50
            numberGreaterThan50: function() {
                var number = $(this).find('.number').text();
                return parseInt(number, 10) > 50;
            },
            // show if name ends with -ium
            ium: function() {
                var name = $(this).find('.name').text();
                return name.match(/ium$/);
            }
        };

        // bind filter on radio button click
        $('#filters').on('click', 'input', function() {
            // get filter value from input value
            var filterValue = this.value;
            console.log(filterValue);
            // use filterFn if matches value
            filterValue = filterFns[filterValue] || filterValue;
            $container.isotope({ filter: filterValue });
        });

        $('h5:not(#nutritionInfo)').click(function() { // HERE IS THE PROBLEM
            $container = $('.isotope').isotope({
                itemSelector: '.element-item',
                layoutMode: 'fitRows'
            });

        });

    });

我正在努力实现这一目标

 $('h5:not(#nutritionInfo)').click(function()

HTML是这样的

<h5 class="text-center" id="findStore">
    <a data-toggle="collapse" data-parent="#accordion" href="#@item.ProductId" aria-expanded="true" aria-controls="@item.ProductId" style="color: @item.ProductTextColor;font-size:19px" class="text-center">
      FIND A STORE <span class="glyphicon glyphicon-chevron-down"></span>
    </a>
</h5>
<div id="@item.ProductId" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
   <div class="panel-body">
       <p>
           Content 
       </p>
        <p>
           More Content
        </p>
   </div>

---

但是这种行为仍然存在，有人能想到我还能尝试什么吗

您使用的同位素版本是什么？@Macsupport同位素v1.5.25Yo0u您需要用您的代码制作一个JSFIDLE或codepen

  $('h5:not(#nutritionInfo)').on('click',function () {
            $container.isotope('reLayout');
        });