我有一个嵌套菜单,其中包含可切换 onclick 的内容 div。默认情况下,当页面加载时,菜单会显示所有内容 div 隐藏。我试图显示页面何时加载(没有任何点击)处于活动状态的内容 div(class="active")。这是我的 HTML:
<ul>
<li><h3 class="toggle_action"> Mailing Lists</h3> // toggle trigger
<ul class="div_toggle"> // the content div
<li><h3 class="toggle_action"><a href="/list" class="active">Overview</a></h3></li>
<li>...another link...</li>
</ul>
</li>
</ul>
这是我的 jQuery:
(function ($) {
$(document).ready(function() {
$(".div_toggle").slideUp();
$(".active").Show();
$(".toggle_action").click(function(){
$(this).next(".div_toggle").slideToggle("slow");
});
});
})(jQuery);
我已经搜索了几个小时,但只能找到显示/隐藏 onclick 的代码,而且我必须在页面加载时遗漏一些东西才能做到这一点。请帮我指出正确的方向!