Question

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

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

换句话说，它的LI子将成为菜单项。如果菜单的高度受到限制会很棒。感谢。

Answer 1

此处显示FIDDLE ： - D

JS：

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

Answer 2

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

（*我认为仅适用于IE6中不受支持的事件）

Answer 3

此处有 ton of plugins 。

Superfish 是基于Suckerfish（仅限css）菜单构建的，但添加了一些javascript来处理一些仅限css解决方案的令人讨厌的怪癖。

Answer 4

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

它与jQuery UI 1.8和ThemeRoller兼容。

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

Answer 5

我实际上使用AllWebMenus Pro（Likno软件）制作垂直菜单，我非常满意。我认为这对你有用。

UL标签的自动菜单？

5 个答案: