Go directly to the code: Copy code The code is as follows: .org/1999/xhtml"> Tree list menu (Menu Tree) implemented by jQuery <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> 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>}); <br> $('li.p1:has(ul)').click(function(event){ <p> ul#nav li:has(ul)').each(function(i) { <br> ; <br> $(this).children("ul:eq(0)").slideToggle(400); <br> ; > <br> < ;ul id="nav"> Home #url">Tripods ; Services ;/a> ; "#url">Retouching ul>