Javascript jQuery动画高度不切换每次展开

Javascript jQuery动画高度不切换每次展开,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,我无法让jQuery animate正常工作。要启动div,请使用.hide()隐藏div,然后单击一个按钮,我希望扩展div的高度。Toggle animate工作正常,但我不希望切换 切换可以做到这一点:div被隐藏,我触发下面的代码,工作完美,然后div被隐藏,再次触发-div弹出全高,动画下降到0px。我希望它每次都从隐藏变为扩展 $('#logincontainer').animate( { 'height': 'toggle' }, 'slow' );

我无法让jQuery animate正常工作。要启动div,请使用.hide()隐藏div,然后单击一个按钮,我希望扩展div的高度。Toggle animate工作正常,但我不希望切换

切换可以做到这一点:div被隐藏,我触发下面的代码,工作完美,然后div被隐藏,再次触发-div弹出全高,动画下降到0px。我希望它每次都从隐藏变为扩展

$('#logincontainer').animate(
    { 'height':  'toggle' }, 'slow'
);
         $('#logincontainer').animate(
             { 'height':  'show' }, 'slow'
          );
我试过了

{ 'height':  '552px' }, 'slow'
{ 'height':  'auto' }, 'slow'

var h = document.getElementById('logincontainer').scrollHeight;
{ 'height':  h + 'px' }, 'slow'
我只想把高度扩展到552px,div每次都是这样

$('#logincontainer').animate(
    { 'height':  'toggle' }, 'slow'
);
         $('#logincontainer').animate(
             { 'height':  'show' }, 'slow'
          );
“show”是我一直在寻找的神奇jQuery单词,每次展开时,我都必须手动将隐藏时的高度设置回0。

您可以尝试:

通过滑动运动显示或隐藏匹配的元素


您无法在隐藏和高度之间设置动画,因为它们是不同的东西。您可以在0和552之间设置高度动画,或者使用
slideUp()
slideDown()
,或者如果它位于屏幕顶部,则可以在0和-552之间设置其
top
的动画