添加淡入淡出此脚本？

Question

如何在此脚本中添加fadeIn和fadeOut？因此，当您按箭头或箭头时，文本将淡出并淡出

当我尝试这样做时，它无法正常工作。

var all = $('.img').addClass("passiv");

var i = -1;

$('#arrowl').click(function() {
    ctrlKunder( i = !i ? all.length - 1 : --i );
});
$('#arrowr').click(function() {
    ctrlKunder( i = ++i % all.length );
}).click();

function ctrlKunder(ele) {
    all.removeClass("active").addClass("passiv");
    all.eq(ele).removeClass("passiv").addClass("active");
}

http://jsfiddle.net/6sMSG/

Answer 1

不是使用类来显示和隐藏，而是直接处理它：

function ctrlKunder(ele) {
    all.fadeOut(1000);
    all.eq(ele).delay(1000).fadeIn(1000);
}

http://jsfiddle.net/6sMSG/2/

Answer 2

你可以替换函数ctrlKunder（） 用这个

function ctrlKunder(ele) {
  all.hide().fadeOut();
  all.eq(ele).fadeIn();
}