单击div时的jQuery FadeOut然后单击另一个div时fadeIn

Question

我有几个动态创建的列表项，这些是几篇文章。单击列表项时，相应的文章将淡出。这很好用，但是，我想要的是当你点击一个不同的列表项时，先前淡出的项目回来了，相应的文章再次淡出（基本上我正在创建一个结果过滤器）

这是我的jQuery

$(document).ready(function(){

$('.filter_categories li').click(function(){
    var liClass = $(this).html().toLowerCase().trim();
    liClass = liClass.replace(/ /g,'-');;
    $('.category-'+liClass).stop().fadeToggle();
});
});

在下面的示例中，当您单击Cat 1时 - Cat 1 div淡出，但我希望它是当我点击cat-2时，cat 1 div返回并且cat-2 div淡出

和JSFiddle的链接： http://jsfiddle.net/Nehe4/2/

Answer 1

你可以通过渐渐消失来启动处理程序。

$("[class*=category]").fadeIn();

(Fiddle)