Javascript 手风琴式打开/关闭全段

我有几个基本的手风琴容器。当我运行此命令时，它将扩展一组手风琴（它应该扩展），但在关闭打开的组之前，我无法继续扩展另一组手风琴

basicAccordianToggle = function(){
if ($('.expand-all-these').length) {
  $('.expand-all-these').on('click', function(e){
    e.preventDefault();
    if ($('.expand-all-these').hasClass('collapsed')) {
      $(this).parents('.basic-accordion-container').find('.collapse').collapse('hide');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').html('Expand All <span class="plus">+</span>');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').removeClass('collapsed');
    }else{
      $(this).parents('.basic-accordion-container').find('.collapse').collapse('show');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').html('Collapse All <span class="plus">-</span>');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').addClass('collapsed');
    }
  })
}

basicAccordianToggle=函数（）{
if（$（'.expand all this'）.length）{
$（'.展开所有这些'）。在（'单击'）上，函数（e）{
e、 预防默认值（）；
if（$（'.expand all this'）.hasClass（'collapsed'））{
$（this）.parents（'.basic accordion container'）。find（'.collapse'）。collapse（'hide'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.html（'expand all+'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.removeClass（'colladed'）；
}否则{
$（this）.parents（'.basic accordion container'）。find（'.collapse'）。collapse（'show'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.html（'Collapse all-'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.addClass（'collapsed'）；
}
})
}

---

}

您必须为单击的元素而不是所有元素检查

hasClass

，因此使用

此

来引用单击的元素

basicAccordianToggle = function(){
if ($('.expand-all-these').length) {
  $('.expand-all-these').on('click', function(e){
    e.preventDefault();
    if ($(this).hasClass('collapsed')) {
    // ---^^^^-------- here
      $(this).parents('.basic-accordion-container').find('.collapse').collapse('hide');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').html('Expand All <span class="plus">+</span>');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').removeClass('collapsed');
    }else{
      $(this).parents('.basic-accordion-container').find('.collapse').collapse('show');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').html('Collapse All <span class="plus">-</span>');
      $(this).parents('.basic-accordion-container').find('.expand-all-these').addClass('collapsed');
    }
  })
}
}

basicAccordianToggle=函数（）{
if（$（'.expand all this'）.length）{
$（'.展开所有这些'）。在（'单击'）上，函数（e）{
e、 预防默认值（）；
if（$（this）.hasClass（'collapsed'））{
//在这里
$（this）.parents（'.basic accordion container'）。find（'.collapse'）。collapse（'hide'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.html（'expand all+'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.removeClass（'colladed'）；
}否则{
$（this）.parents（'.basic accordion container'）。find（'.collapse'）。collapse（'show'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.html（'Collapse all-'）；
$（this）.parents（'.basic accordion container'）.find（'.expand all this'）.addClass（'collapsed'）；
}
})
}
}

$（this）.hasClass（'collapsed'）

就是这样！“谢谢你。”防御者博士很高兴这有帮助