jQuery UIアコーディオンが折りたたまれない（折りたたみ可能：true、アクティブ：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); 
     } 
    }); 
});