jquery - jquery的切换

Question

我正在制作一个 div 幻灯片功能。我想要一个 div 淡入淡出并在指定方向切换

比如我点击右btn，div会从左到右淡化，我点击左btn，div会从右到左淡化

这是我的半成品代码，div的位置不应该改变，只是让它像幻灯片一样消失 http://jsfiddle.net/pL5g2/4/

我的代码无法达到我的目的，因为我无法控制切换方向。有人有好主意吗？

Answer 1

我不知道我是否明白你的想法。我修改了如下代码

$.fn.slideFadeToggle = function(offset, speed, easing, callback) {
    return this.animate({
        opacity: 'toggle',
        width: 'toggle',
        left: offset
    }, speed, easing, callback);
};

// sample to use the above function.
$("#right").click(function() {
    $(".block").slideFadeToggle("+=50px", "slow");
});

$("#left").click(function() {
    $(".block").slideFadeToggle("-=50px", "slow");
});​

我创建了一个演示。请确认。