将鼠标悬停在元素上时添加淡入

Question

当我将鼠标悬停在这里的物品上时，我想添加淡淡的淡入/淡出效果 http://jsfiddle.net/7vKFN/

想知道使用jquery

执行此操作的最佳方法是什么

 var $container = $("#color-container"),
        $description = $(".color-description", $container).hide(),
        $prev;

    $(".color-units li", $container).mouseenter(function() {
        if ($prev)
           $description.eq( $prev.removeClass("active").index() ).hide();
        $description.eq( ($prev = $(this).addClass("active")).index() ).show();
    }).eq(0).mouseenter();

Answer 1

这是你的意思吗？

http://jsfiddle.net/7vKFN/1/

$(".color-units li", $container).mouseenter(function() {
    if ($prev)
       $description.eq( $prev.removeClass("active").index() ).hide();
    $description.eq( ($prev = $(this).addClass("active")).index() ).fadeIn("slow", function() {
    // Animation complete
  })

}).eq(0).mouseenter();