Changing background-color when div fadeIn

Question

I am trying to change background-color when a div fade-in but the below code did not worked.

Instead it only fadeOut and nothing shows when I tried to click to fadeIn.

$('#divbutton').toggle(function(){
        $('#divbutton').text('Show');
        $('#message').fadeOut('1000');

   } , 
   function(){
       $('#divbutton').text('Hide');
       $('#message').$this.css('background-color', 'red').fadeIn('1000');

   }
);

Answer 1

Your syntax to the following line is incorrect. change:

$('#message').$this.css('background-color', 'red').fadeIn('1000');

to:

$('#message').css('background-color', 'red').fadeIn('1000');