更改jquery show()/ hide()动画？

Question

默认情况下,如果指定速度,jquery会添加一个奇怪的动画,它从左端角扩展.我想让它滑下来.有没有办法在不导入像jquery UI这样的东西的情况下做到这一点？

我正在寻找以下内容:

$("test").show('slow', {animation:'slide'})

如果没有办法,那么最轻的解决办法是什么呢？

谢谢

Answer 1

有jquery 1.3+原生的slideDown,slideUp和slideToggle函数,它们工作得非常好......

http://docs.jquery.com/Effects

您可以像这样使用slideDown:

$("test").slideDown("slow");

如果你想要结合效果并真的疯了,我会看一下动画函数,它允许你指定一些CSS属性来塑造补间或变形.很漂亮的东西,那个.

Answer 2

用途slidedown():

$("test").slideDown("slow");

Answer 3

您也可以使用fadeIn/FadeOut Combo ....

$('.test').bind('click', function(){
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500);
    $('.div3').fadeOut(500);
    return false;
});