为什么我的jQuery Fade过渡不顺畅？

Question

我在我的脚本中使用了函数fadeIn（）和fadeOut（），但由于未知原因，动画不流畅。我上传了我的网站here

当用户点击“全部”，“网页设计”或“3D动画”等标签时，瓷砖应该平滑地消失，并且也会平滑地淡入。但这种情况并没有发生，如下：

$('a[worktypeselector]').click(function(){
    var worktypeAttr = $(this).attr("worktypeselector");
    $("span.tag").removeClass("tag-active");
    $("span.tag", this).addClass("tag-active");
    if(worktypeAttr=="all"){
        $("a[worktype]").fadeIn(500);
    }else{
        $("a[worktype]").each(function(){
            if($(this).attr("worktype").indexOf(worktypeAttr) === -1){
                $(this).fadeOut(500);
            }else{
                $(this).delay(500).fadeIn(500);
            }
        });
    }
}); 

请解释为什么脚本没有产生预期的结果以及补救措施是什么？谢谢。