多级菜单

$("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>