Javascript 如果单击相同的按钮，则关闭手风琴

我的网站上有手风琴。它工作得很好。如果一个手风琴打开并点击第二个，那么它将关闭前一个手风琴。到目前为止没有问题

我的问题是，如果我点击了手风琴，我必须关闭手风琴。我的意思是，如果手风琴是打开的，并点击相同的，那么它应该是关闭的

你能检查我的脚本我应该在哪里添加关闭脚本吗？ 我试着

 $('.ac-pane.active .ac-title').click(function(){
 getparent.find('.ac-pane').removeClass('active');
 //  $(this).next('.ac-content').slideUp();
 $('.ac-pane .ac-content').css('display', 'none');

 });

//手风琴
$（函数（）{
"严格使用",；
变量选择器=$（'.ac title'）；
$（'.accordion wrapper'）。每个（函数（）{
if（$（this）.find（'.ac pane'）.hasClass（'active'））{
$（'.ac-pane.active.ac content'）.css（'display'，'block'）；
}
});
选择器.on（'click'，函数（事件）{
event.preventDefault（）；
//获取attr值
var attr=selector.attr（'data-accordion'）；
var getparent=$（this）.closest（'.accordion wrapper'）；
if（$（this）.attr（'data-accordion'）=='true'）{
if（$（this）.next（'.ac content'）。是（':visible'））{
返回false；
}否则{
getparent.find（'.ac content'）.slideUp（）；
$（this）.next（'.ac content'）.slideDown（）；
getparent.find（'.ac pane'）.removeClass（'active'）；
$（this.parent（）.addClass（'active'）；
}
}否则{
$（this）.next（'.ac content'）.slideToggle（）；
$（this.parent（）.toggleClass（'active'）；
}
});
});
.ac窗格{
边缘底部：15px；
颜色：#000；
}
.ac窗格：最后一个子窗格{
页边距底部：0；
}
.ac含量{
显示：无；
}
.ac名称{
/*边框：1px实心#000*/
颜色：#000；
显示：块；
填充：12px；
}
.ac标题i{
浮动：对；
字体大小：20px；
}
.ac标题i：之前{
内容：“\f107”；
}
.活动。ac标题i：之前{
内容：“\f106”；
}
.ac含量{
边框：1px实心#fff；
页边顶部：-1px；
填充：15px；
}

手风琴演示
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！
如果手风琴可见

$(this).next('.ac-content').slideUp();
$(this).parent().toggleClass('active');

演示


//手风琴
$（函数（）{
"严格使用",；
变量选择器=$（'.ac title'）；
$（'.accordion wrapper'）。每个（函数（）{
if（$（this）.find（'.ac pane'）.hasClass（'active'））{
$（'.ac-pane.active.ac content'）.css（'display'，'block'）；
}
});
选择器.on（'click'，函数（事件）{
event.preventDefault（）；
//获取attr值
var attr=selector.attr（'data-accordion'）；
var getparent=$（this）.closest（'.accordion wrapper'）；
if（$（this）.attr（'data-accordion'）=='true'）{
if（$（this）.next（'.ac content'）。是（':visible'））{
$（this.next（'.ac content'）.slideUp（）；
$（this.parent（）.toggleClass（'active'）；
}否则{
getparent.find（'.ac content'）.slideUp（）；
$（this）.next（'.ac content'）.slideDown（）；
getparent.find（'.ac pane'）.removeClass（'active'）；
$（this.parent（）.addClass（'active'）；
}
}否则{
$（this）.next（'.ac content'）.slideToggle（）；
$（this.parent（）.toggleClass（'active'）；
}
});
});
.ac窗格{
边缘底部：15px；
颜色：#000；
}
.ac窗格：最后一个子窗格{
页边距底部：0；
}
.ac含量{
显示：无；
}
.ac名称{
/*边框：1px实心#000*/
颜色：#000；
显示：块；
填充：12px；
}
.ac标题i{
浮动：对；
字体大小：20px；
}
.ac标题i：之前{
内容：“\f107”；
}
.活动。ac标题i：之前{
内容：“\f106”；
}
.ac含量{
边框：1px实心#fff；
页边顶部：-1px；
填充：15px；
}

手风琴演示
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！
Lorem ipsum dolor sit amet，奉献精英。尼希勒·乌勒姆建筑事务所（Nihil ullam Architector）致力于设计、安装、准解决方案，这是共和国的一个重要方面。建筑师，临时助理！