jquery устанавливает встроенный стиль для высоты, когда я slideToggle ... css3?

Question

JQuery добавляет встроенный стиль для высоты на моем #shadowBox, когда я использую slideToggle() Я понятия не имею, почему это происходит или как избавиться от него ... http://test.yamiko.org/cp/ - это страница. ShadowBox анимируется, когда вы нажимаете логин или контакт.

//login script 
$('#header a[title="Sign In"], #login>button').click(function() 
{ 
    if($('#login').is(':visible')) 
    {$('#login').slideUp(1000).parent('#shadowBox').delay(1000).fadeToggle(1000);} 
    else{$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000);} 
}); 

Я попытался $('#shadowBox').height($(document).height());, но он получает перезаписаны встроенный стиль.

Answer 1

метод

slideDown позволяет дополнительный обратный вызов, вы можете изменить

$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000);} 

в

$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000, function() { 
    $('#shadowBox').height("100%"); 
}); 

Если вы хотите, чтобы удалить высоту в целом вы могли бы изменить свой последний пример

$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000, function() { 
    $('#shadowBox').height(""); 
});