MouseHover

MouseHover

by bryiantan

HTML

<pre><ul>
  <li><a class="active" id="1">number 1</a></li>
  <li><a id="2">number 2</a></li>
  <li><a id="3">number 3</a></li>
</ul>

CSS

.active {
		background: red;
	}
  
  .mouseout {
		background: #fff;
	}

JavaScript

$(document).ready(function() {

  $("#1, #2, #3").mouseenter(function() {
    $("#1, #2, #3").removeClass();
    $("#" + this.id).addClass("active");
  });
  
});