DedeCMS 输出栏目树形菜单以实现JS菜单效果

效果：

核心代码：

<!-- JS部分： -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
	$('#subjectTree dt').click(function(){
		$(this).next('dd').slideToggle('fast');
	});
});
</script>

<!-- CSS部分（使用时请移至 .css 文件里）： -->
<style>
#subjectTree dd {
	display:none;
}
</style>

<!-- DEDE -->
<dl id="subjectTree">
	{dede:channel typeid=45}
	<dt>
		<a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>
	</dt>
	<dd>
		<ul>
			{dede:sql sql='
				SELECT typedir,typename
				FROM dede_arctype
				WHERE reid=~id~
				AND ishidden = 0
				ORDER BY sortrank ASC'}
			<li><a href='[field:typedir/]' target='_blank'>[field:typename/]</a></li>
			{/dede:sql}
		</ul>
	</dd>
	{/dede:channel}
</dl>

＜完＞