Question

I have some header text which changes when any four links are clicked using the .text property

now i need to animate it when mouseout(mouse hovers out) , can someone put this together ?

$('#clickdiv').mouseout(function(){
       $('#header').text('new text');

  }); 

and

$('#header').fadeIn(2000);

Answer 1

$('#clickdiv').mouseout(function(){
       $('#header').text('new text');
       $('#header').fadeIn(2000);
}); 

or

$('#clickdiv').mouseout(function(){
       $('#header').text('new text').fadeIn(2000);
});