带有+和 - 的jQuery菜单用于打开和关闭子菜单

Question

有没有人知道有任何好的jQuery菜单，其中有+和 - 用于打开和关闭子菜单。

我在google中发现只有这个：
http://berndmatzner.de/jquery/hoveraccordion/

但是没有+和 - 用于打开和关闭菜单，并且只有1个子菜单。

例如

+ link
+ link 2
+ link 3

如果我点击link2

+ link
- link 2
  + foo
  + foo2
+ link 3

Answer 1

如果您想要一个更有趣的自定义版本，请查看我为项目制作的原型..

http://jsfiddle.net/gaby/aJQNN/

---

<强>更新

要绕过使用当前代码的点击，您需要在.click处理程序的顶部添加一些代码。

所以改变

$('li').click(function() {

到

$('li').click(function(e) {
    if (e.target.nodeName === 'A' &&
            e.target.href &&
            e.target.getAttribute('href') !== '#'){
            return true;
        }

Answer 2

jQuery UI有手风琴菜单：

http://jqueryui.com/demos/accordion/

您可以使用“图标”选项

更改打开/关闭图像

例如：

var icons = {
    header: "ui-icon-circle-arrow-e",
    headerSelected: "ui-icon-circle-arrow-s"
};
$( "#accordion" ).accordion({
    icons: icons
});

Answer 3

你可以看看at而在css而不是箭头图像中给你的+或 - 图像。

类似的东西here会在悬停时再次更改图像。

希望这会有所帮助。