jQuery UI Accordion не запускается рухнувшим (сбрасываемый: true, active: false)

Question

Это сводит меня с ума. Я использую JQuery UI Accordion, и первая строка остается открытой. Я хочу, чтобы он был закрыт по умолчанию, если он не щелкнут. Я уже добавил активную: false. Тем не менее первая строка не сбрасывается при загрузке.

Может ли кто-нибудь помочь?

$(function() { 
    $("#accordion").accordion({ 
     collapsible: true, 
     active: false heightStyle: "content" 
    }); 
}); 

$(function() { 
    var icons = { 
     header: "ui-icon-circle-arrow-e", 
     activeHeader: "ui-icon-circle-arrow-s" 
    }; 

    $("#accordion").accordion({ 
     icons: icons 
    }); 

    $("#toggle").button().click(function() { 
     if ($("#accordion").accordion("option", "icons")) { 
      $("#accordion").accordion("option", "icons", null); 
     } else { 
      $("#accordion").accordion("option", "icons", icons); 
     } 
    }); 
}); 

Answer 1

У вас есть какая-то ошибка в коде (кома отсутствует)

https://jsfiddle.net/Tintin37/togrrt34/1/

$(function() { 
    var icons = { 
     header: "ui-icon-circle-arrow-e", 
     activeHeader: "ui-icon-circle-arrow-s" 
    }; 

    $("#accordion").accordion({ 
     collapsible: true, 
     active: false, 
     heightStyle: "content", 
     icons: icons 
    }); 

    $("#toggle").button().click(function() { 
     if ($("#accordion").accordion("option", "icons")) { 
      $("#accordion").accordion("option", "icons", null); 
     } else { 
      $("#accordion").accordion("option", "icons", icons); 
     } 
    }); 
});