用jQuery编写一个垂直菜单

Question

我在这里开始了一个垂直菜单：http://jsfiddle.net/1___/bjXp2/1/

我有几个问题：

1）我如何使'onmouseover'只显示属于.title的.myList，而不是所有.myLists？

2）对于.myLists，我想根据它们的大小将它们对齐。含义：我将鼠标悬停在.title上，然后出现.myList。但是，对于大型.myLists或小型.myLists，它们在光标上方和下方都显示相同数量的子项。

谢谢！我觉得我在这个菜单上取得了很多进展。 - 还有其他jquery垂直菜单的好例子吗？

编辑抱歉，我可能有些困惑。我不是在寻找手风琴菜单，相反，我正在寻找像Ulan Murzatayev建议的东西。 ..现在的问题是：我如何处理鼠标输出事件/将.myList置于右侧，因此鼠标输出不会过早发生？

Answer 1

希望这就是你想要的：http://jsfiddle.net/bjXp2/44/

Answer 2

这样的东西？

http://jsfiddle.net/bjXp2/27/

Answer 3

那里有很多可用的例子。您需要做的就是快速谷歌搜索。

无论如何，这里有一些您可能会发现有用的示例链接 Example 1
Example 2

如果您对垂直手风琴菜单样式感兴趣，请查看以下链接
jQuery Simple Vertical Accordion Menu