显示时:没有设置为DIV，动画Botton Divs

我的html为

<div id ="div-1>
  //some content
</div>
<div id ="div-2>
  //some content
</div>

当我设置显示时：div-1没有立即隐藏，而Div-2则在顶部。

有什么办法可以将Div-2滑到顶部，而不是直接来。

我尝试使用Div 1的Max-Height设置为零，但它不起作用。

编辑

嗨，我正在研究JS lib来刷出HTML元素。

我只想为底部元素进行动画滚动，当div设置为显示：无。

我只有第一个Div。

的参考

而不是设置显示：无，您可以通过使用Z-Index和CSS过渡来更改DIV-1上的DIV-1和位置DIV-2上的Div-2设置0位置，或使用jQuery动画。

您可以使用slideup jquery方法轻松实现此目标。
jQuery slideup((doc

工作示例：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>slideUp demo</title>
  <style>
    div {
      margin: 2px;
    }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
  <div>
    <button>Hide One</button>
    <input type="text" value="One">
  </div>
  <div>
    <button>Hide Two</button>
    <input type="text" value="Two">
  </div>
  <div>
    <button>Hide Three</button>
    <input type="text" value="Three">
  </div>
  <div id="msg"></div>
  <script>
    $("button").click(function() {
      $(this).parent().slideUp("slow", function() {
        $("#msg").text($("button", this).text() + " has completed.");
      });
    });
  </script>
</body>
</html>

工作示例：

相关内容

最新更新

热门标签：