Question

我有一个按钮，当悬停时显示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>

Answer 1

您需要将弹出窗口div置于绝对位置;相对于别的东西。

因此，如果它是块级元素，您可以将其放在a标记内，或者将按钮和弹出文本放在另一个标记中li，{{1} }，无论你的菜单是由什么组成的。）

然后它就像：

div

Answer 2

用另一个块级元素（例如div）包裹你的按钮，它应该更像你期望的那样。

CSS / Jquery如何在按钮下直接显示div？

2 个答案: