Javascript 停止多次写入同一函数

所以我可能在这里投靠狮子，但是

我只是不知道如何编写下面的jquery，所以如果将来要添加更多的手风琴，我就不必一遍又一遍地重复这个函数。我不知道如何定位以数字结尾的ID

提前谢谢

$（'#acc-group-1>.aria accordion'）。单击（函数（）{
$（'#acc-group-1>.aria accordion.open'）。不是（这个）。移除类（'open'）。子项（'aria accordion item'）。slideUp（）；
$（this.toggleClass（'open'）；
$（this）.children（'.aria accordio item'）.slideToggle（）；
});
$（'#acc-group-2>.aria accordion'）。单击（函数（）{
$（'#acc-group-2>.aria accordion.open'）。不是（这个）。移除类（'open'）。子项（'aria accordion item'）。slideUp（）；
$（this.toggleClass（'open'）；
$（this）.children（'.aria accordio item'）.slideToggle（）；
});
.aria手风琴{
边缘底部：30px；
位置：相对位置；
}
.角条纹{
内容：''；
背景：url（../img/new_corner_stripes.svg）；
背景重复：无重复；
宽度：120px；
位置：绝对位置；
z指数：3；
排名：0；
右：-10px；
溢出：隐藏；
高度：58px；
-webkit转换：所有400ms线性；
-moz转换：所有400ms线性；
-o-过渡：所有400ms线性；
-ms转换：所有400ms线性；
过渡：所有400ms线性；
}
.咏叹调-手风琴.开放式.角条纹{
高度：120px；
}
.咏叹调手风琴项目{
背景：#e8e8e8；
填充：25px 30px；
显示：无；
边缘底部：30px；
}
.咏叹调手风琴触发器h6{
光标：指针；
保证金：0；
填充：15px0；
文本缩进：70px；
位置：相对位置；
字体大小：20px；
颜色：#000；
背景：#e8e8e8；
背景位置：左上角；
背景尺寸：封面；
z指数：1；
}
a、 咏叹调手风琴触发器{
位置：相对位置；
显示：块；
}
a、 咏叹调手风琴触发器：：之前{
位置：绝对位置；
左：10px；
顶部：-10px；
宽度：43px；
高度：49px；
背景：rgba（2522210.8）；
内容：'\f067'；
字体系列：Fontsome；
字体大小：25px；
文本对齐：居中；
线高：49px；
z指数：2；
-webkit转换：所有200ms线性；
-moz转换：所有200ms线性；
-o型过渡：所有200ms线性；
-ms转换：所有200ms线性；
过渡：所有200ms线性；
}
.aria-accordion.open a.aria-accordion-trigger:：before{
内容：'\f068'；
}
a、 咏叹调手风琴触发器：悬停：：之前，
.aria-accordion.open a.aria-accordion-trigger:：before{
背景：#00b3e3；
}
.ul手风琴咏叹调{
左边距：24px；
}

手风琴头4级28PT
佩伦特式居住者莫比·特里斯蒂克·塞内特斯（morbi tristique Sentecus et netus et malesuada Fame ac turpis egestas）。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。
毛里斯·普拉斯特拉特·埃利芬德

列表项
列表项
列表项
列表项
列表项

手风琴头4级28PT
佩伦特式居住者莫比·特里斯蒂克
手风琴头4级28PT
佩伦特式居住者莫比·特里斯蒂克
手风琴头4级28PT
佩伦特式居住者莫比·特里斯蒂克·塞内特斯（morbi tristique Sentecus et netus et malesuada Fame ac turpis egestas）。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。
毛里斯·普拉斯特拉特·埃利芬德

列表项
列表项
列表项
列表项
列表项

手风琴头4级28PT
佩伦特式居住者莫比·特里斯蒂克
手风琴头4级28PT
佩伦特式居住者莫比·特里斯蒂克·塞内特斯（morbi tristique Sentecus et netus et malesuada Fame ac turpis egestas）。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。埃尼乌尔特里斯酒店
我的生命是最美好的。毛里斯·普拉斯特拉特·埃利芬德

您可以使用

像这样的东西可能有用。请注意，这是未经测试的，但仍然可以让您了解如何使用该方法

$('.aria-accordion').each(function() {
  $(this).on('click', function() {
    $(this).find('open').removeClass('open').children('.aria-accordion-item').slideUp();
    $(this).toggleClass('open');
    $(this).children('.aria-accordion-item').slideToggle();
  });
});

您可以使用
“[id^='acc-group-']”
为
id
属性以
acc-group-
开头的元素提供属性



$（'[id^=“acc group-”]>.aria accordion'）。单击（函数（）{
$（this）.closest（'[id^=acc group]'）。find（'.aria accordio.open'）。not（this）.removeClass（'open'）。children（'.aria accordio item'）。slideUp（）；
$（this.toggleClass（'open'）；
$（this）.children（'.aria accordio item'）.slideToggle（）；
});
.aria手风琴{
边缘底部：30px；
位置：相对位置；
}
.角条纹{
内容：''；
背景：url（../img/new_corner_stripes.svg）；
背景重复：无重复；
宽度：120px；
位置：绝对位置；
z指数：3；
排名：0；
右：-10px；
溢出：隐藏；
高度：58px；
-webkit转换：所有400ms线性；
-moz转换：所有400ms线性；
-o-过渡：所有400ms线性；
-ms转换：所有400ms线性；
过渡：所有400ms线性；
}
.咏叹调-手风琴.开放式.角条纹{
高度：120px；
}
.咏叹调手风琴项目{
背景：#e8e8e8；
填充：25px 30px；
显示：无；
边缘底部：30px；
}
.咏叹调手风琴触发器h6{
光标：指针；
保证金：0；
填充：15px0；
文本缩进：70px；
位置：相对位置；
字体大小：20px；
颜色：#000；
背景：#e8e8e8；
背景位置：左上角；
背景尺寸：封面；
z指数：1；
}
a、 咏叹调手风琴触发器{
位置：相对位置；
显示：块；
}
a、 ar
$('[id^=acc-group] > .aria-accordion').click(function() {
  $(this).closest('[id^=acc-group]').find('.aria-accordion.open').not(this).removeClass('open').children('.aria-accordion-item').slideUp();
  $(this).toggleClass('open');
  $(this).children('.aria-accordion-item').slideToggle();
});