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">

页面加载时，jquery accordion应默认折叠

1 个答案: