0
SO，水平事業部展開動畫菜單
我建立一個自定義菜單對於具有固定寬度的網站。我試圖創建一個「菜單」，實際上它只是一個由DIV組成的水平行（每個菜單項都有一個DIV）。我已經包含了一張圖片來交流我試圖實現的功能：
在圖中，圖1是DIV的頂級行。圖2顯示了將光標放置在頂層項目「專業開發」上時該行發生了什麼情況：該div展開以填充整個菜單區域的寬度，顯示出其他幾個DIV作爲子菜單項。最後，圖3顯示了當光標懸停在尚未位於容器左側的頂級div上時發生的情況：由於DIV必須向左和向右擴展來填充容器，因此「Very Long Menu項目「向左移動，因此其子DIV位於右側。
我已經能夠使用jquery動畫擴展DIV或創建手風琴，但我無法弄清楚如何創建這種動畫，特別是因爲涉及多個頂級項目。任何幫助是極大的讚賞！
-Marca
編輯：
我添加了一個JSfiddle通過CSS懸停僞類達到一對夫婦的按鈕所需的功能，但我在哪裏丟失是如何動畫與JQuery的變化。當我將光標放在「專業開發」上時，div展開到右側和左側，以顯示其他div作爲子菜單項 - 但擴展是瞬間的，正如人們對CSS所期望的那樣。