title: How to give a div a hover and active state on click
body: <p>i've got a div which is black, when I hover over it, it turns green. when clicked, I want it to stay green also. </p>
  
  <p>normale state: black</p>
  
  <p>hover state: green</p>
  
  <p>active state: green</p>
  
  <p>and when its active <code>(green)</code>, I want to hover over it which makes the div black again.</p>
  
  <p>i can't seem to get this active state work and in reverse.</p>
  
  <p>thanks in advance!</p>
  
  <p>Here is my fiddle: <a href="http://jsfiddle.net/AfR49/" rel="nofollow">Link</a></p>