jquery - 向这个脚本添加淡入淡出？

Question

我如何在这个脚本中添加淡入淡出和淡入淡出？因此，当您按 arrowr 或 arrowl 时，文本将淡出并淡入

当我尝试这样做时，它不会正常工作。

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();
}