滑块基于类淡化切换

Question

我正在制作一个滑块，并且我正在尝试为缩略图写一些内容，所以当点击一个时，它会逐渐消失，其余的则淡出。我试图用类来做，所以他们都隐藏了类，我试图用hide类淡出所有div，然后点击的div淡入。

$("#figure_lymph_blue").click(function(){
$("#standards_container_total").animate({
marginLeft: -2251
}, 750 );
figure_fadeout();
figure_fadein();
});


function figure_fadeout() {
$(".hide").animate({
    "opacity":      "0.0",
    "-moz-opacity": "0.0",
    "filter":       "alpha(opacity=0)"    
}, 450);
}

function figure_fadein() {
$(this).animate({
    "opacity":      "1.0",
    "-moz-opacity": "1.0",
    "filter":       "alpha(opacity=100)"    
}, 450);
}

由于某种原因，淡入功能不起作用，但淡出效果很好，我不明白为什么。也许还有更好的方法吗？