jquery - 当我slideToggle ... css3时，jquery正在为高度设置内联样式？

Question

#shadowBox当我使用时，Jquery 正在为我的高度添加内联样式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(""); 
});