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。

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

2 个答案: