默认情况下,jQuery 折叠项应在页面加载时折叠
jquery accordion should be collapsed by default when page loads
我希望我的手风琴在页面加载时关闭。我已经在这个网站上尝试了一些答案,但它们对我不起作用。
<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();
}
});
});
如果有人能帮我解决这个问题,那就太好了。谢谢!
我找到了解决方案。我只需要添加折叠的类
<div id="container2" class="collapse">
相关文章:
- 如何在页面加载时折叠手风琴样式的特定部分
- 默认情况下,jQuery 折叠项应在页面加载时折叠
- Jquery手风琴在页面加载时折叠
- 排序元素折叠和内容重新加载
- google pageSpeed Insights,javascript IS 在 WORDPRESS 折叠下方加载
- 加载部分视图时引导折叠无法正常工作
- 加载网页后,在树视图中如何显示子/节点的展开和折叠
- 如何在页面加载上折叠展开的行
- jQuery 折叠按钮不加载远程内容
- 加载时自动切换展开/折叠箭头
- 页面重新加载后保持折叠和展开状态
- 强制可折叠布局中的分布式 json 加载
- 如何使用页面重新加载时打开和关闭状态的唯一id修改引导折叠
- jqGrid Treegrid在动态加载数据后不展开和折叠行
- 光滑的旋转木马有0px的宽度,当加载在折叠标签
- 具有动态加载内容的可折叠列表
- 检测& # 39;折叠# 39;在浏览器中不加载网页的情况下
- jquery手风琴在页面加载时默认折叠
- Angular Ui引导折叠页面加载时闪烁
- Jquery函数slide需要在页面加载时折叠(没有编码经验,但在绑定!)