【发布时间】：2012-09-08 12:46:27
【问题描述】：
所以，
我正在为具有固定宽度的网站构建自定义菜单。我正在尝试创建一个“菜单”，它实际上只是一个由 DIV 组成的水平行（每个菜单项的 DIV）。我已经包含了一个图像来传达我试图实现的功能： 在图像中，图 1 是 DIV 的顶级行。图 2 显示了将光标放在顶级项目“Professional development”上时该行发生的情况：该 div 扩展以填充整个菜单区域的宽度，显示充当子菜单项的其他几个 DIV。最后，图 3 显示了当光标悬停在尚未位于容器左侧的顶级 div 上时发生的情况：由于 DIV 必须向左和向右扩展以填充容器，因此“Very Long Menu” Item" 向左移动，因此其子 DIV 位于右侧。
我已经能够使用 Jquery 为扩展的 DIV 设置动画或创建手风琴，但我不知道如何创建这种动画，尤其是在涉及多个顶级项目的情况下。非常感谢任何帮助！
-马卡
编辑：
我添加了一个JSfiddle，它通过 CSS 悬停伪类在几个按钮上实现了所需的功能，但我不知如何为更改设置动画用 jQuery。当我将光标放在“Professional Development”上时，该 div 向左和向右扩展以显示其他 div 作为子菜单项 - 但扩展是即时的，正如人们对 CSS 所期望的那样。
【问题讨论】：
标签： jquery html hover accordion expand