我们平时常接触到的软件功能基本上都会有各种各样的折叠树形菜单,有些放左边,有些放右边,默认收起来,点击展开列出菜单子项。为了便利开发,自行开发相关模板,日后拿来即用,如图效果:
贴上部分代码:
<div id="container_left">
<!-- 这里生成树形菜单 -->
<div class="fold">
<dl class="fold-food"><a href="javascript:void(0);" class="arrow-close">menu 1</a></dl>
<ul>
<li class="dotted"><a href="javascript:void(0);" title='1'>file1</a></li>
</ul>
<ul>
<li class="dotted"><a href="javascript:void(0);