jquery点击 展开/折叠 菜单

效果：

jquery 折叠菜单截图

 代码：

html：

<dl id="cate">
	<dt title="展开/折叠">调味品&gt;</dt>
	<dd>
		<ul>
			<li><a href="javascript:;">李锦记调味</a></li>
			<li><a href="javascript:;">珠江桥牌系列</a></li>
			<li><a href="javascript:;">劲豪系列</a></li>
		</ul>
	</dd>
	<dt title="展开/折叠">香料&gt;</dt>
	<dd>
		<ul>
			<li><a href="javascript:;">八椒</a></li>
			<li><a href="javascript:;">花椒</a></li>
		</ul>
	</dd>
</dl>

js：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
	$("#cate dt").click(function(){
		$(this).next()
			.slideToggle(200)
			.siblings("dd").slideUp(300);
	});
});
</script>

＜完＞