Php 用同位素过滤可折叠面板

我在可折叠面板上使用同位素时遇到问题

当打开一个面板并且您试图通过从过滤器列表中选择一个类别来过滤所有数据时，布局中就会出现问题

<div class="col-sm-12 <?php echo esc_attr($categorie_names); ?>">
    <div class="h3ader">
       <h5 data-parent="#accordion" style="color:white; padding-bottom: 5px;"> <?php the_title(); ?> </h5>
    </div>
   <div class="c0ntent">
     <p><?php echo htmlspecialchars_decode(esc_attr($shortdesc));?></p>
         <div class="text-center">
             <a href="<?php the_permalink(); ?>" class="btn btn-1"><?php echo esc_attr($theme_option['courses_detail']); ?></a>
         </div>
  </div>

---

“问题”是什么？很难用猜测来回答。您需要发布一个带有JSFIDLE的示例或至少一个链接。可以在此处找到live示例尝试在打开选项卡的情况下过滤数据。我想问题出在$（“.col-sm-12”）。使用$（'.col-sm-12'）移除（“样式”）。同位素（'relayat'）；该问题已得到部分纠正，但不是一个很好的解决方案。

$(window).load(function () {
    var $container = $('#portfolio-div');
    $container.isotope({
           filter: '*',
           animationOptions: {
                    duration: 750,
                    easing: 'linear',
                    queue: false
                   }
           });
$('.filter ul li a').click(function () {
      $('.filter .active').removeClass('active');
      $(this).addClass('active');
      var selector = $(this).attr('data-filter');
      $container.isotope({
                 filter: selector,
                 animationOptions: {
                 duration: 750,
                 easing: 'linear',
                 queue: false
                }
            });
      return false;
      });
});

$(".h3ader").click(function () {
            $h3ader = $(this);
            $c0ntent = $h3ader.next();
            $c0ntent.slideToggle(500, function () {
                $(".col-sm-12").removeAttr("style")
            });
        });