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