我没有看到这个问题的任何答案,但我遇到了这个问题:
我制作了一个 JQuery 菜单 UI,它工作得很好。
当您单击列表项中的第一个链接时,列表项应该展开以显示其余链接。
然而!当页面加载时,似乎连接到第一个链接的 .toggle() 正在自动折叠该第一个链接。我想不通。
再次重申:第一个链接“a.cat”在页面加载时被折叠。它不习惯,我不确定我何时或是否改变了它......)。
编辑 这是 jsFiddle。
无论如何,我希望这足够清楚。我会定期回来回答问题。
这是 JS,因为 SO 需要它:
$("#sidebar ul li a.cat").toggle( function () {
$(this).stop(true).animate({
"color" : "#fff"
});
var growTo = (parseInt($(this).siblings("a.link").length) * nmMenu.linkHeight) + nmMenu.catHeight;
$(this).parent("li").stop(true).animate({
"height" : growTo + "px",
"padding-top" : "5px"
}, function () {
$(this).children("a").stop(true).animate({
"margin-left" : "20px"
});
});
}, function () {
$(this).siblings("a").andSelf().stop(true).animate({
"margin-left" : "0px"
}, function () {
$(this).siblings(" a:first").stop(true).animate({
"margin-bottom" : nmMenu.catMarginBottom + "px",
"color" : nmMenu.linkColor
});
$(this).parent("li").stop(true).animate({
"height" : nmMenu.catHeight + "px"
});
});