使用同位素

Question

使用同位素和可折叠面板时遇到问题。

当打开面板并尝试使用同位素从过滤器列表中选择一个类别来过滤所有数据时，问题出现在布局中。

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

这就是javascript代码：

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