更改jQuery的显示()/隐藏()动画?(Change the jquery show()/hid

2019-07-18 03:43发布

通过如果指定的速度jQuery的默认添加了一个怪异的动画它从左端角落扩展。 我希望它只是滑下。 有没有办法做到这一点,但不导入别的东西像jQuery UI?

我期待在东西线:

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

如果没有办法,那么这将是这样做最轻的解决方案?

谢谢

Answer 1:

有原产于jQuery的1.3+的了slideDown,效果基本show和功能的slideToggle,他们很好地工作...

http://docs.jquery.com/Effects

您可以使用了slideDown就像这样:

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

如果你想结合的效果,真的想怎么样我会看看的动画功能,它允许你指定一些CSS属性来补间形状或变身成。 漂亮花哨的东西,这一点。



Answer 2:

使用slidedown()

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


Answer 3:

您也可以使用淡入/淡出组合,太....

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


文章来源: Change the jquery show()/hide() animation?