jQuery动画高度每次都不会切换

Question

我无法让jQuery动画工作。要启动div，用.hide（）隐藏，然后单击按钮，我想扩展div的高度。 切换动画完美，但我不想切换。

Toggle这样做：div是隐藏的，我触发下面的代码，工作完美，然后div被隐藏，再次触发它 - div弹出全高，动画下降到0px。 我希望它每次都从隐藏到扩展。

$('#logincontainer').animate(
    { 'height':  'toggle' }, 'slow'
);

我试过了

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

var h = document.getElementById('logincontainer').scrollHeight;
{ 'height':  h + 'px' }, 'slow'

我只想将高度扩展到552px，每次都是div。

Answer 1

你可以试试slideToggle() ：

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

$('#trigger').click(function(e){
    e.preventDefault()
    $('#logincontainer').slideToggle('slow');
})

DEMO

Answer 2

         $('#logincontainer').animate(
             { 'height':  'show' }, 'slow'
          );

'show'是我每次都想要扩展的魔术jQuery单词，我必须在隐藏时手动将高度设置回0。