Onlick en li-href

[rgf1987]

Hola!!!

tengo el siguiente codigo html:

Código HTML:

<div class="well sidebar-nav">
    <ul id="lista" class="nav nav-list">
            <li class="nav-header">Menu opciones</li>
        <li id="MisArticulos" onclick="CambiarClass(this.id);return false;" class="active"><a href="index.html">Mis articulos</a></li>  
        <li id="MisArticulos2" onclick="CambiarClass(this.id);return false;"><a href="index.html">Mis articulos 2</a></li>  
        <li id="MisArticulos3" onclick="CambiarClass(this.id);return false;"><a href="index.html">Mis articulos 3</a></li>  
    </ul>
</div>
 

Código Javascript:

function CambiarClass(id) 
{ 
listaLi = document.getElementsByTagName("li");
var i=0;
for(i=0;i<listaLi.length;i++){
    listaLi[i].className="";    
}
optmenu = document.getElementById(id); 
optmenu.className="active"; 
}
 

Lo que pretendo, es que al hacer click sobre uno de los li se me cambie su class="active" y todos los demas se queden con class="", sin embargo al llamar al evento onclick la redireccion del href no se ejecuta...

Se sobrescribe el metodo onclick??
Como puedo hacerlo de otra forma? es que soy nuevo en javascript y lo necesito para un proyecto web

Un saludo.