javascript - jQuery动画高度每次都不会切换扩展

Question

我无法让 jQuery animate 工作。要启动 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');
})

演示

Answer 2

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

'show' 是我每次都在寻找扩展的神奇 jQuery 词，隐藏时我也必须手动将高度设置回 0。