直接上代码： 复制代码 代码如下: jQuery实现的树形列表菜单(Menu Tree) <BR>.padding {height:300px;} <BR> This copyright notice must be kept untouched in the stylesheet at <BR>all times. <br><br>The original version of this stylesheet and the associated (x)html <BR>is available at http://www.jb51.net<BR>Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. <BR>This stylesheet and the associated (x)html may be modified in any <BR>way to fit your requirements. <br><br> <BR>#wrap {position:relative; height:200px; width:130px; z-index:100;} <BR>#nav {position:absolute; left:0; top:0;} <BR>#nav, <BR>#nav ul {padding:0; margin:0; list-style:none; font-family:arial, sans-serif; background:#fff; font-weight:bold;} <BR>#nav li a {padding-left:20px; white-space:nowrap;} <BR>#nav li ul li a {padding-left:0;} <br><br>#nav ul {padding-left:20px;} <BR>#nav li a {color:#66b; text-decoration:none; font-size:11px;} <BR>#nav li {font-size:13px; line-height:25px; color:#d80; cursor:pointer; width:100%;} <BR>#nav li.down {text-indent:20px;} <br><br>#nav li a:hover {text-decoration:underline;} <br><br> <BR> This copyright notice must be untouched at all times. <BR>Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved. <br><br>$(document).ready(function() { <br><br>$("ul#nav ul").hide(); <BR>$('ul#nav li:has(ul)').each(function(i) { <BR>$(this).children().slideUp(400); <BR>}); <P>$('li.p1:has(ul)').click(function(event){ <BR> if (this == event.target) { <BR> current = this; <BR> $('ul#nav li:has(ul)').each(function(i) { <BR> if (this != current) {$(this).children().slideUp(400);} <BR> }); <BR> $(this).children("ul:eq(0)").slideToggle(400); <BR> } <BR> }); <br><br>}); <br><br> <BR> Home Products Flashguns Tripods Filters Services Printing Photo Framing Retouching Archiving 其中的jquery的地址自己得换一个能够找到的，要不没有效果
