ページが読み込まれるときに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">