如何使用slideToggle在jQuery中只打开一项？

我设法为WordPress网站创建了一个工作的jQuery手风琴。现在我想知道如何确保只有一个街区是开放的？这意味着当我切换一个项目时，其他两个项目会自动折叠

你知道怎么做吗

此外，代码可能可以简化，但我不确定如何简化。这似乎很重复：

jQuery(document).on("click", ".accordion-toggle-1", function() {
    jQuery(".row:nth-child(2)").nextUntil(".row:nth-child(12)").slideToggle();
    jQuery(".accordion-icon-1 h1").fadeOut(function () {
        jQuery(".accordion-icon-1 h1").text((jQuery(".accordion-icon-1 h1").text() == '+') ? '-' : '+').fadeIn();
    });
});
jQuery(document).on("click", ".accordion-toggle-2", function() {
    jQuery(".row:nth-child(13)").nextUntil(".row:nth-child(20)").slideToggle();
    jQuery(".accordion-icon-2 h1").fadeOut(function () {
        jQuery(".accordion-icon-2 h1").text((jQuery(".accordion-icon-2 h1").text() == '+') ? '-' : '+').fadeIn();
    });
});
jQuery(document).on("click", ".accordion-toggle-3", function() {
    jQuery(".row:nth-child(21)").nextUntil(".row:nth-child(25)").slideToggle();
    jQuery(".accordion-icon-3 h1").fadeOut(function () {
        jQuery(".accordion-icon-3 h1").text((jQuery(".accordion-icon-3 h1").text() == '+') ? '-' : '+').fadeIn();
    });
});

function starttoggle() {
    jQuery(".row:nth-child(2)").nextUntil(".row:nth-child(12)").slideToggle();
    jQuery(".row:nth-child(13)").nextUntil(".row:nth-child(20)").slideToggle();
    jQuery(".row:nth-child(21)").nextUntil(".row:nth-child(25)").slideToggle();
}
setTimeout(starttoggle, 1400);

---

请看下面提供的示例：

参见标题“手风琴示例”