尝试使用jQuery创建可折叠/可展开的div,但完全不起作用......每个h3都应该展开/折叠其下面的div,但我不确定为什么没有效果... 鉴于它是一个深度嵌套的div,但我认为下面的脚本会在加载页面时找到uforms类,无论页面上有多少其他标记,并执行其所需的操作...
以下是jQuery代码:
以下是jQuery代码:
$(document).ready(function () {
$('div.uforms:eq(1)> div:gt(-1)').hide();
$('div.uforms:eq(1)> h3').click(function() {
$(this).next('div:hidden').slideDown('fast').siblings('div:visible').slideUp('fast');
});
});
另外,标记语言(减去实际在<div></div>
内的所有内容,因为那是很多表单内容...)
<div class="uforms">
<h3>Heading</h3>
<div></div>
<h3>Heading</h3>
<div></div>
<h3>Heading</h3>
<div></div>
</div>