CSS/jquery如何直接在按鈕下方顯示div？

我有一個按鈕，當懸停顯示一個div。CSS/jquery如何直接在按鈕下方顯示div？

我怎麼可以將這個div在顯示時直接出現在按鈕下？

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".plans").hover(function() { 
    $("#planssubnav").show("slow"); 
    }, function(){ 
    $("#planssubnav").hide("slow"); 
    }); 
}); 
    </script> 

<a href="/plans" style="font-size:14px;" class="plans fg-button fg-button-icon-right ui-state-default ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-s"></span>Plans</a> 

    <div id="planssubnav" style="display:none"> 
    <h1> content</h1> 
    </div>

來源

2010-06-10 user342391

可以爲您提供一些HTML？ – 2010-06-10 19:42:09

你的標題說內聯，你的身體說下，這是什麼？ – animuson 2010-06-10 19:43:20

這應該不涉及jQuery，使它在CSS中工作（display：block first），一旦它看起來像你想要的，然後隱藏它，jQuery將按照你的設計顯示它。 – 2010-06-10 19:46:43

與另一個塊級元素包裝你的按鈕，比如一個div，它應該工作更喜歡你的預期。

來源

2010-06-10 19:50:36 landons

您需要定位絕對彈出式窗口div;相對於別的東西。

所以，你可以把它放在a標籤內，如果它是一個塊級元素或把兩個按鈕，並在另一個標籤彈出的文本（li，div，無論你的菜單是由）。

然後，它是這樣的：

#parent { 
    position: relative; 
} 
#planssubnav { 
    position: absolute; 
    top: ... 
    left: ... 
}

來源

2010-06-10 19:59:46 jeroen

CSS/jquery如何直接在按鈕下方顯示div？

回答

相關問題