jQuery向左滑动并显示

Question

我延长了jQuery所谓的效果slideRightShow()，并slideLeftHide()与工作同样一对夫妇的功能slideUp()和slideDown()如下图所示。但是，我也想实现slideLeftShow()和slideRightHide()。

我知道有很多提供此类功能的库（我想避免添加另一套大javascript文件），但是任何人都可以提供一个简单示例来说明如何实现slideLeftShow()or slideRightHide()吗？

jQuery.fn.extend({

  slideRightShow: function() {

    return this.each(function() {

      jQuery(this).animate({width: 'show'});

    });

  },

  slideLeftHide: function() {

    return this.each(function() {

      jQuery(this).animate({width: 'hide'});

    });

  },

  slideRightHide: function() {

    return this.each(function() {

      ???

    });

  },

  slideLeftShow: function() {

    return this.each(function() {

      ???

    });

  }

});

上面的slideRightShow功能从左侧开始显示图像，然后向右侧显示。 我正在寻找某种方法来做同样的事情，但要从右侧开始，然后向左侧进行。谢谢！

编辑

jQuery Interface具有我需要的东西（我基本上需要它们的“向右滑动”和“向左滑动”功能），但是我无法使用它来与jQuery 1.3配合使用：http : //interface.eyecon.ro/demos /ifx.html。同样，他们的演示似乎也坏了，并且只会抛出一次幻灯片，然后抛出一百万个错误。

Answer 1

不要忘记填充和边距...jQuery.fn.slideLeftHide = function(speed, callback) {   this.animate({     width: "hide",     paddingLeft: "hide",     paddingRight: "hide",     marginLeft: "hide",     marginRight: "hide"   }, speed, callback);}jQuery.fn.slideLeftShow = function(speed, callback) {   this.animate({     width: "show",     paddingLeft: "show",     paddingRight: "show",     marginLeft: "show",     marginRight: "show"   }, speed, callback);}添加了speed / callback参数后，它完全替代了slideUp()和slideDown()。