頁面加載時，默認情況下應折疊jQuery手風琴

Question

我希望頁面加載時關閉手風琴。 我已經在此站點上嘗試過一些答案，但是它們對我不起作用。

            <div id="nestedAccordion">
                {% for key, value in TopKategorie.items %}
                    <h5 id="id_element_TopKat_{{ key }}">{{ key }}</h5>
                    <div id="container2">
                        {% for key2, value2 in value.items %}
                            <h6 id="id_element_Sub1Kat">{{ key2 }}</h6>
                            <div id="container3">
                                {% for val2 in value2 %}
                                    <h7 id="id_element_Sub2Kat"> 
                                    <a href="/order/{{ val2 }}">{{ val2 }} </a>
                                    </h7>
                                {% endfor %}
                            </div>
                        {% endfor %}
                    </div>
                {% endfor %}
            </div>

而我的js：

$( window ).load(function() {
  var parentDivs = $('#nestedAccordion div');
  var childDivs = $('#nestedAccordion h6').siblings('div');
  $('#nestedAccordion h5').click(function() {
    parentDivs.slideUp();
    if ($(this).next().is(':hidden')) {
      $(this).next().slideDown();
    } else {
      $(this).next().slideUp();
    }
  });
  $('#nestedAccordion h6').click(function() {
    childDivs.slideUp();
    if ($(this).next().is(':hidden')) {
       $(this).next().slideDown();
    } else {
       $(this).next().slideUp();
    }
  });
});

如果有人可以幫助我，那就太好了。 謝謝！

Answer 1

我找到了解決方案。 我只需要添加已崩潰的班級

                        <div id="container2" class="collapse">