Javascript可扩展菜单 - 示例代码？

Question

我想知道是否有人知道如何实现以下内容？

以下是一个示例：

点击加号后，菜单会展开：

我用Google搜索并找到了不少菜单。但我正在寻找具有此+/-功能的东西。

Answer 1

这里没有什么复杂的东西:) jQuery（http://api.jquery.com/slideToggle/）中的一个简单的slideToggle绑定到该plus图像的点击，你就有了效果：）

评论是否需要更多代码来理解。

Answer 2

如果是我这样做的话，我会用一个div做一个jquery ui手风琴。默认情况下，他们使用箭头进行切换，但改变它是微不足道的。关于更改图标的Here's a tutorial。它可以使用API​​进行无限适应。

最大的好处是，如果你已经使用了jQuery UI，那么就没有别的东西可以加载了。你也无法击败ThemeRoller的样式。

Answer 3

如果您想使用jQuery，可以使用TreeView extension

设置好HTML后，只需一个简单的javascript调用即可。

$（ “＃yourDiv”）树形视图（）;

http://docs.jquery.com/Plugins/Treeview