JQuery: расширение высоты поля содержимого для соответствия верхнему div - PullRequest
Новая
       30

JQuery: расширение высоты поля содержимого для соответствия верхнему div

0 голосов
/ 09 марта 2012

Я уже некоторое время работаю над этой анимацией: http://www.jjtans.com/www/jquery/

Я бы хотел, чтобы верх черного поля содержимого соответствовал высоте (или даже "палке") верхнего 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>
...