js实现了目录代码的超简单扩展和折叠

本文讲述了一个js超简单扩展和折叠目录代码的例子。分享给大家参考。具体如下：

介绍了一个超简单的目录，用鼠标点击可以展开，再次点击可以关闭。类似于树菜单的功能，在网上已经看到很多了，就不多介绍了。请参考。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-show-hidden-list-menu-codes/

具体代码如下：

Title可折叠的简单目录/title style div { font-size :12 px；color:red背景-color : # EAEAE 8；border: 1固体# 1892B5padd : 1 }/style div id=' main 1 ' style=' color : blue ' onclick=' document . all . child 1 . style . display=(document . all . child 1 . style . display=' none ')？':“none”主目录1/div div id=“child 1”style=“display : none”a href=“#”-子目录1/a br a href=“#”-子目录2/a br a href=“#”-子目录3/a br a href=“#”-子目录4a/div id=“main 2”style=“color : blue”onclick=“document . all . child 2 . style . display=(document . all . child 2 . style)。“none”home directory 2/div id=“child 2”style=“display : none”a href=“#”-子目录1/a br a href=“#”-子目录2/a br a href=“#”-子目录3/a /div我希望这篇文章对您的javascript编程有所帮助