淡入/淡出具有懸停功能

Question

嗨，我想在我的懸停上實現淡入/淡出效果，該如何執行此操作，因為我需要為顯示的文本保持光標位置。

http://jsfiddle.net/u3pW8/34/

    $(function() {
    $("#static .wrapper").hover(function (e) {
        var parentOffset = $(this).parent().offset(); 
        var relX = e.pageX - parentOffset.left;
        $(this).children(".hidden-content").css("left", relX);
    });
});

謝謝！

Answer 1

使用CSS3過渡：

.hidden-content {
    position: absolute;
    opacity:0;
    display:block;
    transition: opacity 0.2s ease;
}

.wrapper:hover .hidden-content {
    opacity:1;
}

http://jsfiddle.net/u3pW8/35/

Answer 2

我對您的代碼進行了一些更改。 這應該工作。 我在其他內容中添加了這一行：

$(this).children(".hidden-content").fadeIn('slow');

http://jsfiddle.net/u3pW8/37/