Jquery $('.article.active').next Issue

Question

我得到了一个类似滑块的东西，至少它应该是。但这里的代码不起作用：

$('div.app').on('click' , function(){
var current = $('.article.active');
if(current.next('.article').length > 0)  {
    current.next('.article')
        .effect("slide" ,{direction:'left', mode:'hide'},1000)
        .addClass('active')
        .removeClass('hide');
    current.effect("slide",{direction:'right',mode:'show'},1000)
        .removeClass('active')
}   else {
         $('.article:first').removeClass('hide').addClass('active');
}

});

以及JSFiddle：http://jsfiddle.net/u4m0oLsc/.

Answer 1

var current = $('.article.active');应该在点击事件函数中声明，如：

$('div.app').on('click' , function() {
  var current = $('.article.active');
  ...
}

Fiddle