У меня есть несколько JQuery аккордеонов на одной странице с разными идентификаторамии т. д. яЯ пытаюсь открыть только один аккордеон за раз. Например, пользователь открывает один, а затем переходит к другому аккордеону, а новый открывается как тот, который пользователь только что использовал, закрывается.

есть ли способ сделать это?

Ниже приведен пример одного аккордеона .... они все выглядят одинаково на данный момент.

Location


    
    Weeks<br>
         All Weeks<br>
         Week 1<br>
         Week 2<br>
         Week 3<br>
         Week 4<br>
         Week 5<br>
         Week 6<br>
         Week 7<br>
         Week 8<br>
         Week 9<br>
         Week 10<br>
         Week 11<br>
         Week 12<br>


     

Это сценарии, которые ям использую на данный момент

    


$(function() {
    $( "#accordion,#accordion1,#accordion2,#accordion3,#accordion4,#accordion5" ).accordion();


});


$(function() {
    var icons = {
        header: "ui-icon-circle-arrow-e",
        headerSelected: "ui-icon-circle-arrow-s"
    };
    $( "#accordion,#accordion1,#accordion2,#accordion3,#accordion4,#accordion5" ).accordion({
        icons: icons,
        collapsible: true
    });
    $( "#toggle" ).button().toggle(function () {
        $( "#accordion,#accordion1,#accordion2,#accordion3,#accordion4,#accordion5" ).accordion( "option", "icons", false );
    }, function () {
        $( "#accordion,#accordion1,#accordion2,#accordion3,#accordion4,#accordion5" ).accordion( "option", "icons", icons );
    });
});


$(function() {
$("#accordion,#accordion1,#accordion2,#accordion3,#accordion4,#accordion5").accordion({ header: "h3", collapsible: true, active: false }); });