具有多个div的Javascript SlideUp

现在，我只能有一个过滤器处于活动状态。如果我尝试单击另一个过滤器，它将取消第一个过滤器。我怎样才能让他们都保持活跃

这是我的代码：

html:

---

你只需要摆脱这一行：

$parent_filter.sibbins（）.find（'.no display'）.slideUp（）

它使用类“.no display”检查所有同级并将它们向上滑动

<script>
  $('.header-click').on('click', function() {
    $parent_filter = $(this).closest('.header-box');
    //$parent_filter.siblings().find('.no-display').slideUp();
    $parent_filter.find('.no-display').slideToggle(500, 'swing');
  });
</script>


$（'.header click'）。在（'click'，function（）上{
$parent_filter=$（this）.closest（'.header box'）；
//$parent_filter.sibbins（）.find（'.no display'）.slideUp（）；
$parent_filter.find（'.no display'）.slideToggle（500，'swing'）；
});
以下是更新后的jquery函数：

$('.header-click').on('click', function() {
    $parent_filter = $(this).closest('.header-box');
    //$parent_filter.siblings().find('.no-display').slideUp();
    $parent_filter.find('.no-display').slideToggle(500, 'swing');
  });

您可以使用此代码，适用于您的条件：


$（'.header click'）。在（'click'，function（）上{
$parent_filter=$（this）.next（'.no display'）；
如果（$parent_filter.is（“：hidden”））{
$parent_filter.slideDown（）；
}否则{
$parent_filter.slideUp（）；
}
});
。标题单击{
光标：指针；
}
.没有显示{
显示：无；
}
.标题框{
边缘底部：15px；
}

出版年
测试1

条件
测试3

以上所有答案在我看来都是正确的，这只是实现这一点的另一种方法

$('.header-click').on('click', function() {
      $(this).next(".no-display").slideToggle(500, 'swing');
  });

这是我做的剧本，希望这就是你想要的

   <script>
    $(document).ready(function(){
     $(document).on('click','.header-click',function(){

       $(this).next().slideToggle(500,'swing');

      });
    });
  </script>


$（文档）.ready（函数（）{
$（文档）。在（'单击'，'上。标题单击'，函数（）{
$（this.next（）.slideToggle（500，'swing'）；
});
});
尝试在项目中包含jquery，然后代码就可以工作了，请看这里
$('.header-click').on('click', function() {
    $parent_filter = $(this).closest('.header-box');
    //$parent_filter.siblings().find('.no-display').slideUp();
    $parent_filter.find('.no-display').slideToggle(500, 'swing');
  });

$('.header-click').on('click', function() {
      $(this).next(".no-display").slideToggle(500, 'swing');
  });

   <script>
    $(document).ready(function(){
     $(document).on('click','.header-click',function(){

       $(this).next().slideToggle(500,'swing');

      });
    });
  </script>