title: Changing DIV colors using hover and click in JQuery
body: <p>Could someone please help. I have these two:</p>
  
  <p>I would like the text to change to lightgreen when hovering, white when not hovering, and red when clicked.</p>
  
  <pre><code>$(".music").hover(
      function() {
          $(this).css('color','lightgreen');
      }, 
      function() {
          $(this).css('color', 'white');
      }
  );
  
  $(".music").click(function () { 
      $('#result').load('album_list_index.php');
      $(this).css({ 'color': 'red', 'font-size': '100%' });
  });
  </code></pre>
  
  <p>Thank you in advance </p>
  
  <p>AC</p>
  
  <p>NOTE: ok im sorry i did not make myself clear.</p>
  
  <p>I need the div to be white when not mousedover
  I need it to be gree when mouseover
  And i need it to be red when clicked, and remain red until another button is clicked. </p>
  
  <p>Thanks everyone for the input, expecialy the add class and remove class cases, that was a good lesson I will use once i master the technique a bit more. </p>