我怎樣才能實現這個導航菜單？

Question

我需要實現像菜單導航這對DotNetNuke的網站（我要尋找的是開始與“我要......”導航的一部分）

問題是大多數菜單系統使用下拉彈出菜單，但在我的情況下，菜單需要向下移動內容。

我正在使用 SuperFish 並且已經更改了一些 CSS 以在菜單欄和其余內容之間插入下拉菜單，但動畫沒有成功。 我怎么能動畫這個效果？

我是一名 ASP.Net 開發人員，對 JavaScript/CSS 有一些了解。 這是針對 DotNetNuke 的，並且導航菜單是動態創建的。

Answer 1

大多數出現在頁面上其他元素上的下拉菜單將在 css 中絕對定位，如果您想將內容向下推，那么您可以嘗試“位置：相對”。

您發布的菜單實際上是 jquery 驅動的，並且在 CSS 中似乎沒有“位置”元素，它只是在單擊時展開一個隱藏框。

Answer 2

$("#homeone").click(function(){
    $(".want2>ul").slideToggle("slow");
});

那個，還有一點 CSS，請看這里：

http://codepen.io/damianocel/pen/wKKbjO