Question

Im a javascript newbie and would need some help with this simple thing… I want div:last to be shown at mouseover over div:first. They are wrapped in .workpost.

I have several .workpost and only want to trigger the active one…

With the code below the fadeIn flickers.

$('.workpost').mouseover(function() {
    $(this).find('div:last').fadeIn(200);
    $(this).mouseout(function() {
        $(this).find('div:last').fadeOut(200);
     });
});

Answer 1

Dont nest the event handlers:

$('.workpost').hover(function() {
    $(this).find('div:last').fadeIn(200);
}, function() {
    $(this).find('div:last').fadeOut(200);
});