UL标签的自动菜单？

问题描述：

有没有办法使用jQuery自动将垂直手风琴菜单（或其他垂直菜单类型）应用于UL标签？所以，像这样的东西可能成为一个通过JavaScript调用的菜单：UL标签的自动菜单？

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

换句话说，其LI孩子将成为菜单项。如果菜单的高度可能受到限制，那将会很棒。谢谢。

答

：

$('.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>

答

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

（*我只觉得在IE6不支持的情况下），这里显示这个FIDDLE :-D

答

有一个ton of plugins为此。

Superfish内置断口鱼（CSS-仅）菜单，但增加了一个JavaScript代码来处理一些仅CSS的解决方案的令人讨厌的怪癖。

答

jQuery UI的github repository中有一个新的菜单类，它将在jQuery UI 1.9中满足您的需求。

它与jQuery UI 1.8和ThemeRoller兼容。

它处理嵌套的子菜单。我最近在一个项目上使用它，它非常好。

答

我实际上使用AllWebMenus Pro（Likno软件）制作垂直菜单，我非常满意。我认为它适用于您。

UL标签的自动菜单？

相关推荐