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() :

Display or hide the matched elements with a sliding motion.

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

DEMO