仿百度百科目录鼠标滑过列表显示更多

仿百度百科目录列表鼠标滑过列表展开显示更多子列表，可以点击按钮显示、隐藏。压缩包中有演示文件，JS代码文件比较大，使用的时候酌情使用。

下面只贴出部分html代码，演示请下载压缩包。

<div id="wrap">
 <fieldset class="text_dir" id="catalog">
 <p>懒人建站-http://www.51xuediannao.com<span>[<a href="javascript:void(0)" id="dir_alt" onClick="lemma.catalog.showCatalog();">隐藏</a>]</span></p>
 <dl id="holder1">
 <dd><a href="http://www.51xuediannao.com">js代码</a></dd>
 <dd><a href="http://www.51xuediannao.com/js/ad">js广告代码</a>
 <ol>
 <li><a href="http://www.51xuediannao.com/js/texiao">网页特效</a></li>
 <li><a href="http://www.51xuediannao.com/js/nav">导航菜单</a></li>
 <li><a href="http://www.51xuediannao.com/JS/Slide/">焦点幻灯片</a></li>
 </ol>
 </dd>
 <dd><a href="http://www.51xuediannao.com">懒人建站</a>
 <ol>
 <li><a href="http://www.51xuediannao.com/js/texiao">网页特效</a></li>
 <li><a href="http://www.51xuediannao.com/js/nav">导航菜单</a></li>
 <li><a href="http://www.51xuediannao.com/JS/Slide/" >焦点幻灯片</a></li>
 <li><a href="http://www.51xuediannao.com/show/">网页欣赏</a></li>
 <li><a href="http://www.51xuediannao.com/jiqiao/css/">CSS技巧</a></li>
 
 </ol></dd>
 <dd><a href="http://www.51xuediannao.com/js/ad">js广告代码</a>
 <ol>
 <li><a href="http://www.51xuediannao.com/js/texiao">网页特效</a></li>
 <li><a href="http://www.51xuediannao.com/js/nav">导航菜单</a></li>
 <li><a href="http://www.51xuediannao.com/JS/Slide/" >焦点幻灯片</a></li>
 </ol></dd></dl>
 <dl id="holder2"></dl>
 </fieldset>
 <script type="text/javascript">lemma.catalog.start();</script>
</div>