Jquery鼠标悬停淡出(最佳实践)

Question

我已经使用Jquery代码淡出/淡出问题下面的div中的描述性文本.问题？解决方案不是很优雅.这是我得到的:

$("#home").mouseover(function() {
    $("#homeText").fadeIn("slow");
});
$("#homeText").mouseout(function() {
    $("#homeText").fadeOut();
});

我知道有更好的方法可以做到这一点,我只是不确定它是什么.

Answer 1

你可以使用悬停,第一个功能将作用于"悬停在",第二个功能将作用于"悬停"

文档位于:http://docs.jquery.com/Events/hover

$("#home").hover(function(){
    $("#homeText").fadeIn("slow");
},
function(){
    $("#homeText").fadeOut();
});

Answer 2

3行怎么样？

<script>

    $(function () {

        $('#home').hover(function() {
           $('#homeText').fadeToggle("slow");
        });

    });


    </script>

够优雅吗？