easy

DocsVersion : 1.0.0

slideToggle( [ duration, easing, complete ] )

原型方法Define in : anim.js

先判断匹配元素是否可见,可见将以向上滑动的效果来隐藏元素,不可见则以向下滑动的效果来显示元素。

参数
  • duration
    Number
    可选

    完成动画所需的时间,默认的时间是 400ms。只接受数值类型的属性值,单位是 ms。

  • easing
    String
    可选

    缓动效果的名称,支持的缓动效果有:
    linear( 匀速运动 ), easeIn, easeOut, easeBoth, easeInStrong, easeOutStrong, easeBothStrong, easeOutQuart, easeInOutExpo, easeOutExpo, swing, swingFrom, swingTo, backIn, backOut, bounce.
    默认的缓动效果是 swing。
    如果上面这么多缓动效果都不能满足你的需求,还可以对 E.easing 对象进行扩展,这样就可以支持自定义的缓动效果,easy.js 支持的是单个参数的缓动函数。如果要传该参数,第一个参数不能省略。

  • complete
    Function
    可选

    动画完成时执行的回调函数,该回调函数的 this 指向动画元素。如果要传该参数,前两个参数不能省略。

返回值
  • easyJS Object

    返回 easyJS Object 自身,便于链式调用。

例子1

如果 div 元素可见,将其以向上滑动的效果隐藏,不可见则将其以向下滑动的效果显示。

box1
E( '#box1' ).slideToggle();

运行

例子2

如果 div 元素可见,将其以向上滑动的效果隐藏,不可见则将其以向下滑动的效果显示。并设置动画时间和回调函数。

E( '#box2' ).slideToggle( 'slow', 'easeInStrong', function(){
    alert( E(this).is(':hidden') );
});

运行