jquery - jQueryでカウンターをフェードイン/フェードアウトするには?

Question

そのため、それぞれに数字を含む div がたくさんあります。次のようにカウントするカウンターを設定しようとしています。

1 2 3
2 3 4
3 4 5
4 5 1
1 2 3

等々。このための私の現在のコードを見ることができます - here on jsFiddle。

コンテナ全体を表示/非表示にするのではなく、一度に 1 つのノードでノードをフェードインおよびフェードアウトさせようとしています。

Answer 1

これを行う方法は次のとおりです。

//I didn't wrap the roller inside a function for this example, but you can pass
//these values as arguments to a function instead of assigning them here:
var $slides = $('#slides'),
    n = 3; //number of visible children (`.speaker`)

//init by hiding the children with index larger than `n`
$slides.children(':gt('+(n-1)+')').hide();

//note that :eq and :gt are 0-based, hence the n-1. You could also assign
//n -= 1 or n-- after receiving the n parameter if using a function wrapper
setInterval(function () {
    $slides.children(':first').fadeOut(600, function () {
        $slides.append(this).children(':eq('+(n-1)+')').fadeIn(600);
    });
}, 1500);

フィドル