javascript - jQuery基于Class获取ID，写入HTML和fadeIn

Question

我一直有一个问题让这个工作。

我能够根据 div 的 Class 获取 ID，并将其输出到屏幕，但我无法让 fadeIn 方法在同一个 div 上工作。

这是我迄今为止在 jsFiddle 所拥有的：http: //jsfiddle.net/Y8Ara/1/

这是jQuery：

$('.courseLink').mouseover(function() {
    $('div#courseTitle').text(this.id);
});

如果可能的话，我还想让文本在鼠标移出时淡出。

任何帮助是极大的赞赏！

已解决：感谢阿迪尔和烤！如果其他人想知道，我还添加了淡出功能 - http://jsfiddle.net/Y8Ara/17/

Answer 1

可以这样做：

演示

$('.courseLink').hover(function() {
    $('div#courseTitle').hide().fadeIn().text(this.id);
},function(){
     $('div#courseTitle').stop().fadeOut();
});​

Answer 2

你的意思是这样的：

$('.courseLink').on({
    mouseenter: function() {
        $('div#courseTitle').hide().text(this.id).fadeIn("slow");
    },
    mouseleave: function() {
        $('div#courseTitle').text('');
    }        
});