使用Isotope过滤可折叠面板

Question

I have a problem using isotope with collapsable panels.

The problem is in the layout when there is a panel opened and you try to filter all data with isotope selecting a category from the filter list.

<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>

And that's the javascript code:

$(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")
            });
        });