懸停元素時添加淡入

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();