我一直在研究这个动画：http://www.jjtans.com/www/jquery/
我希望黑色内容框的顶部与动画顶部div的高度（甚至“棒”）相匹配，同样适用于盒子底部和底部div栏。
我试图让所有三个元素同步动画。
<head>
<meta content="IE=edge" http-equiv="X-UA-Compatible" charset="utf-8">
<title>danelian designs</title>
<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function()
{
$('#article').toggle(
function()
{
$('#register').animate({"top": "10%"}, 1000);
$('#message').animate({"top": "90%"}, 1000);
var regHeight = $('#register').height();
$("#content").show().animate({"height": "600px", "top": "15%"}, 1000);
$('#content').delay("slow").show().css({ top:offsetH1, left:offsetW, height:'0px' }).animate({ top:offsetH2, height:modalHeight });
},
function()
{
$('#content').delay(0).hide(500);
$('#register').animate({"bottom": "0px"}, "slow");
$('#message').animate({"top": "25px"}, "slow");
});
});
</script>
<link href="style.css" type="text/css" rel="stylesheet">
</head>