title: active(selected), hover and inactive tab/div css logic
body: <p>I have been stuck with this for a while now. I have no code to show here. I would like an algorithm/pseudocode for the below using jquery/css:</p>
  
  <p>A tab / <code>&lt;div&gt;</code> that:</p>
  
  <ol>
  <li>When selected (the active element) - is highlighted with the color blue</li>
  <li>When hovered - highlighted with color aqua</li>
  <li>unselected/mouseout - colored white</li>
  <li><strong>selected element on hoverout (mouseout) - should retain color blue</strong></li>
  </ol>
  
  <p>I hope I am clear with my need. Any help is appreciated.</p>