当我 SlideToggle...css3 时，jquery 正在设置高度的内联样式？

Question

当我使用 slideToggle() 时，Jquery 在我的 #shadowBox 上添加高度内联样式，我不知道为什么会发生这种情况，也不知道如何摆脱它... 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(""); 
});