gundumw100 发表于 2013-2-8 01:03:38

多级菜单

$("li:has(ul)").click(function(event){if(this==event.target){//IE不支持target,必须要加这句$(this).css('list-style-image',(!$(this).children().is(':hidden'))?'url(images/plus.gif)':'url(images/minus.gif)');$(this).children().toggle('fast');//加个时间之后,就不会把子菜单一下子统统显示出来了;并且此语句必须放在下面}}).css('cursor','pointer').click();//初始化的时候就要click,统统隐藏起来$("li:not(:has(ul))").css({'cursor':'default','list-style-image':'none'});

<fieldset><legend>test menu</legend><ul><li>item1</li><li>item2<ul><li>item21</li><li>item22</li><li>item23</li></ul></li><li>item3<ul><li>item31</li><li>item32</li><li>item33</li></ul></li><li>item4<ul><li>item41<ul><li>item411</li><li>item412<ul><li>item4111</li><li>item4112</li><li>item4113</li></ul></li></ul></li><li>item42</li></ul></li><li>item5</li></ul></fieldset>
页: [1]
查看完整版本: 多级菜单