0

我已经创建了 2 个 div，第二个 div 在第一个 div 内悬停时打开，但我将第二个 div 的位置增加到第一个 div 的两倍，并且在一个框中我有这样 8 个 div，所以我希望所有第二个 div 打开到盒子的主体，所以我如何将放置在底部的 div 的位置设置为从底部到顶部打开，这意味着它不应该穿过盒子的主体

我的代码：

<html>
<head></head>
<body>
    <div class="boxes">
     <div class="box1">
      <div class="box_onhov">
        this div will be appear on hovering the box1 and its double in size of box1
      </div>
     </div>
     <div class="box2">
      <div class="box_onhov">
       this div will be appear on hovering the box1 and its double in size of box1
     </div>
        .
        .
        .
        .
     <div class="box8">
      <div class="box_onhov">
       this div will be appear on hovering the box1 and its double in size of box1
      </div>
     </div>
</body>
</html>

这些框在一行中调整了 4 个，因此当悬停在第一个 div 上时，div_onhov 会覆盖它和它底部的 div，因此当悬停在底部 div 上时意味着在 div 5 上，因此它不应该穿过身体并且必须从下到上显示。与第 4 个 div 不应该显示在右侧相同，它必须显示在左侧的外部 div 内。

4

1 回答 1

0

这可以帮助您使动画宽度或高度

$('.box1').hover(function(){
  $(".box_onhov").toggle(function(){
  $(.box_onhov).animate({height:40},200);
  },function(){
  $(.box_onhov).animate({height:0},200);
  });
});
于 2013-07-18T11:05:53.500 回答