帶有+和 - 用於打開和關閉子菜單的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再次更改懸停時的圖像。

希望這有助於。