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