UL標籤的自動菜單？

有沒有辦法使用jQuery自動將垂直手風琴菜單（或其他垂直菜單類型）應用於UL標籤？所以，像這樣的東西可能成爲一個通過JavaScript調用的菜單：UL標籤的自動菜單？

<ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
</ul>

換句話說，其LI孩子將成爲菜單項。如果菜單的高度可能受到限制，那將會很棒。謝謝。

來源

2011-03-16 Alex

：

$('.menu .menu-item').hover(function(){$(this).children('ul').toggle('blind')}) 
    $('.menu .menu-item ul').hide()

HTML：

<ul class='menu'> 
    <li class='menu-item'> ITEM 
     <ul class='sub-menu'> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li>Item 3</li> 
     <li>Item 4</li> 
     </ul> 
    </li> 
</ul>

來源

2011-03-16 19:28:10 Neal

你甚至不需要Javascript（*）。用口魚：http://htmldog.com/articles/suckerfish/dropdowns/

（*我只覺得在IE6不支持的情況下），這裏顯示這個FIDDLE :-D

來源

2011-03-16 19:27:47 konsolenfreddy

有一個ton of plugins爲此。

Superfish內置斷口魚（CSS-僅）菜單，但增加了一個JavaScript代碼來處理一些僅CSS的解決方案的令人討厭的怪癖。

來源

2011-03-16 19:28:14 jessegavin

jQuery UI的github repository中有一個新的菜單類，它將在jQuery UI 1.9中滿足您的需求。

它與jQuery UI 1.8和ThemeRoller兼容。

它處理嵌套的子菜單。我最近在一個項目上使用它，它非常好。

來源

2011-03-16 19:28:15 Alnitak

我實際上使用AllWebMenus Pro（Likno軟件）製作垂直菜單，我非常滿意。我認爲它適用於您。

來源

2011-03-21 11:49:37 Wade

UL標籤的自動菜單？

回答

相關問題