Buenas, antes de nada muchisimas gracias por tomarte el tiempo en ofrecerme una posible solucion. Lamentablemente no me funciono lo que me dijiste, porque en realidad fui yo el que explico mal lo que necesito.
Lo que en realidad necesito es que cuando haga clic en un link del menu este quede "activo" y si hago clic en otro lado este no se desactive. Pero si hago clic en otro link del menu el link que estaba activo se desactive y al mismo tiempo se active el que cliquee recientemente. No se si me explique bien :)
Aqui el codigo CSS del menu:
#menu-lateral {
}
#menu-lateral ul {
}
#menu-lateral a {
margin: auto;
padding: 5px 0px 0px 10px;
display: block;
width: 180px;
height: 25px;
color: #999999;
text-align: left;
border-top: solid 1px #323232;
border-bottom: solid 1px #1B1B1B;
background: #282828;
}
#menu-lateral li {
display: block;
}
#menu-lateral a:hover {
color: #FFFFFF;
background-color: #1C1C1C;
background-position: right;
background-repeat: no-repeat;
background-image: url(images/menulateral.gif);
}
Y aqui el HTML:
<div id="menu-lateral">
<ul>
<li><a href="#">Niños</a></li>
<li><a href="#">Jovenes</a></li>
<li><a href="#">Adultos</a></li>
<li><a href="#">PET</a></li>
<li><a href="#">First Certificate</a></li>
<li><a href="#">CAE</a></li>
<li><a href="#">Proficiency</a></li>
<li><a href="#">Empresas</a></li>
</ul>
</div>
Espero tu respuesta pronto. Desde ya, muchas gracias.