jquery的切换答案

【问题标题】：toggle of jqueryjquery的切换
【发布时间】：2012-06-30 17:08:48
【问题描述】：

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

比如我点击右btn，div会从左到右淡出然后我点击左键，div会从右向左淡出

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

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

【问题讨论】：

那么也许可以添加另一个参数来指定方向？ @anonymousdownvotingislame - 你的名字也很棒。我完全同意。

标签： jquery toggle fade slide

【解决方案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");
});

我创建了一个demo。请确认。

【讨论】：