使用jQuery打开嵌套Bootstrap手风琴组的问题

我正在使用Bootstrap和jQuery。 我有一个手风琴乐队，其中一个乐队也有一个内部/嵌套的手风琴乐队。 这个html是（并且也是js小提琴 ）：

Accordion test
 Open counts 2 
 
 
  
Group 1
  
 
 
Body p1
 
 
 
 
  
Group 2
  
 
 
 
Inner accordion
  
 
 
  
Counts 1
  
 
 
Counts p1
 
 
 
 
  
Counts 2
  
 
 
Counts p2
 
 
 
  
 
 
 
 
  
Group 3
  
 
 
Body p3
 
 
  

我有两个互动，我正在努力创建：

1. 当组1或3打开，组2打开，其中一个内组打开时，组2正确关闭，但当我重新打开组2时内组保持打开状态; 我希望他们在第2组关闭的同时关闭 – 我该怎么做？
2. 我想使用外部链接打开其中一个内部组 – 我该怎么做？

我尝试了各种JQuery和JavaScript函数，但结果却是非常臭的代码和不完整的function

Answer 1

一位同事在工作中提出了必要的jQuery / Javascript响应，该响应在此处发布

 $(document).ready(function () { // Collapse inner groups: $('#p-lists').on('hide', function(e){ // Force a collapse (.hide() doesn't seem to work properly here but is unnecessary anyway): $(e.target).find('.accordion-body') .removeClass('in') .attr('style', ''); }); // Make sure parent groups are also opened: $('#p-lists').on('show', function(e){ var $parent = $(e.target).parents('.accordion-body'); // Collapse all siblings: $parent.parents('.accordion-group') .prevAll('.accordion-group').find('.accordion-body').collapse('hide') .nextAll('.accordion-group').find('.accordion-body').collapse('hide'); // Then open THIS parent: $parent.collapse('show'); }); });