当我使用slideToggle ... css3时,jquery正在为高度设置内联样式？

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(""); 
});