Default Tab

http://stackoverflow.com/questions/13315062/javascript-jquery-on-hover-over-a-li-element-change-class-of-another-li-eleme

HTML

<ul class="menu">
    <li><a href="/one.html">Link One</a></li>
    <li class="current_page_item"><a href="/two.html">Link One</a></li>
    <li><a href="/three.html">Link One</a></li>
    <li><a href="/four.html">Link One</a></li>
</ul>

CSS

li.current_page_item { background-color: red; }

JavaScript

jQuery(".menu").each(function() {
    var defaultItem =  jQuery(this).find(".current_page_item").first();

     jQuery(this).find("li").hover(function() {
        defaultItem.toggleClass('current_page_item', false);
         jQuery(this).toggleClass('current_page_item', true);
    }, function() {
         jQuery(this).toggleClass('current_page_item', false);
        defaultItem.toggleClass('current_page_item', true);
    });
});