Problema con Menú, hover y click.

[chuekeron]

Buenas gente, tengo un menú con un efecto hover... que aplico mediante javascript.

Código HTML:

<ul id="menu">
  <li><span></span><a href="#">Botón 1</a></li>
  <li><span></span><a href="#">Botón 2</a></li>
  <li><span></span><a href="#">Botón 3</a></li>
</ul>
 

Código Javascript:

$('#menu li').hover(function() {
    $('a',this).css("color","#FFF"); 
    $('span',this).animate({width: "190px"}, 250); 
}, function() {
    $('a',this).css("color","#4D545E");
    $('span',this).animate({width: "0px"}, 250); 
});
 

Hasta aca todo bien, funciona. El tema esta en que quiero hacer que cuando se hace click en una de las opciones, dicho botón quede activo.
Intente con addClass(), not() y demás sin tener éxito. Todos los botones iban quedando pulsados a medida que hacia click en cada uno de ellos, obviamente la idea es que esto se aplique solo al ultimo click y el efecto hover siga funcionando para el resto de los botones... alguna idea?