Javascript 我怎样才能扭转这种简单的jQuery fadeIn效应？

因此，当您单击按钮（id=“enter”）时，该脚本会创建一个快速缓解效果，我想要的是，当您再次单击它时，它会反转效果并返回到开始。另外，另一个解决方案可以是两个按钮，这样一个可以做第一部分，另一个可以反向操作。 代码如下：

jQuery('#enter').click(function() {
    $('#slide2').fadeIn(1000, 'linear', function(){
        $('#slide3').fadeIn(1000, 'linear');
    });
});

---

有三个图像：幻灯片1、幻灯片2和幻灯片3。实际上，我在这里找到了这段代码：这就是它的外观，但我现在只需要反转。

这里有多张幻灯片，所以fadeToggle无法提供精确的反转 下面的代码很好，可以给你法登效果的确切相反

var forward=true；
$（'#enter'）。单击（函数（）{
如果（正向==真）{
$（'#slide2'）.fadeIn（1000，'线性'，函数（）{
$（'slide3'）.fadeIn（1000，'linear'）；
});
正向=假；
}否则{
$（'#slide3'）.fadeOut（1000，'线性'，函数（）{
$（“#slide2”）.fadeOut（1000，'线性'）；
});
向前=真；
}
});









点击我使用以下命令：

$('#enter').click(function() {
    $('#slide2').fadeToggle(1000, 'linear', function(){
        $('#slide3').fadeToggle(1000, 'linear');
    });
});

只需切换淡入淡出效果。我希望，这会有所帮助。
有两种方法可以通过fadIn、fadeOut和fadeToogle来实现，用于在jquery中更改幻灯片顺序的反向效果请参见下面的代码。为了识别淡入淡出效果，我们在按钮中管理数据淡入淡出属性


$（'#输入'）。单击（函数（）{
var fade_type=$（this）.data（'fade'）；
如果（淡入淡出类型==“in”）{
$（“#slide2”）.fadeToggle（1000，'线性'，函数（）{
$（“#slide3”）.fadeToggle（1000，'线性'）；
});
$（this.data（'fade'，'out'）；
}否则{
$（'#slide3'）.fadeToggle（1000，'线性'，函数（）{
$（“#slide2”）.fadeToggle（1000，'线性'）；
});
$（this.data（'fade'，'in'）；
}
});









点击我您应该使用CSS转换来处理它，在jQuery中，您只需切换一个类：



$（'#输入'）。单击（函数（）{
$（'slide2，'slide3'）。toggleClass（'fadeIn'）；
});
#输入{
位置：相对位置；
z指数：9；
}
#幻灯片2，#幻灯片3{
不透明度：0；
过渡：不透明度1s线性；
}
#slide2.fadeIn，#slide3.fadeIn{
不透明度：1；
}
#幻灯片2：不是（.fadeIn），#幻灯片3.fadeIn
{
过渡延迟：1s；
}









点击我您可以通过切换classI在CSS中处理它，我在JSFIDLE中尝试过它，但在Wordpress中不起作用。奇怪。@senn205在开发人员控制台上有错误吗？我检查过了，没有错误。我还将$改为jQuery，但它仍然不起作用。它只执行第一部分，相反的部分不起作用。@senn205检查按钮是否可单击，我的意思是不被任何其他元素（幻灯片）重叠。顺便说一句，这不是你想要的效果，因为在第二次点击时，第一个淡出的div不是slide3，而是slide2@A.Wolff我会检查它，是的，我知道，但首先我需要让它在Wordpress中工作，然后解决这个问题。你知道代码应该是什么样子吗？但我只会用两张照片，而不是三张。片段被破坏了