JQuery Mouseover and mouseout text on div

Question

I am trying to have some text added to a Div where I can add some text if the image is hovered and disappear when mouse is out.

I'm trying this:

<script>
$('#image1').mouseover(function() {
 $('#panel').append('<div>This image is very nice.</div>');
});
</script>

Answer 1

You should try this:

$('#image1').hover(function() {
    $('#panel').append('<div>This image is very nice.</div>');
}, function() {
    $('#panel').empty();
});