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

Question

是否有人知道任何具有+和 - 用于打开和关闭子菜单的良好jQuery菜单。

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

但这并不具有+和 - 用于开启和关闭菜单和只有1子菜单。

例如

+ link 
+ link 2 
+ link 3 

如果我点击链接2

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

Answer 1

Ιf要更好玩的定制版本，看看原型我为一个项目做..

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再次更改悬停时的图像。

希望这有助于。