[RESUELTO] Problemas al cambiar estilo de un div

[MauXXI]

Muchas gracias Panino, logré que cambie el color del borde de esta forma:

Código javascript:

function mostrar(id1,id2) {
    var obj = document.getElementById(id1);
    obj.style.display=='none' ? obj.style.display='block' : obj.style.display='none';
    id2.style.borderColor!='#669900' ? id2.style.borderColor='#99CC00' : id2.style.borderColor='#669900';
}
 

El problema es que al volver a hacer click sobre el div parece no ejecutar mas la condición. Hago el primer click, el borde cambia de color, hago el segundo click, el borde no cambia de color.

¿Por qué podrá ser?

Por cierto, vuelvo a colocar los código CSS y HTML:

Código HTML:

<ul>	
	<li id="1" onclick="mostrar('v',this);">Ítem 1</li>
</ul> 

Código css:

ul {
    padding:0;
    list-style:none;
}
 
li {
    float:left;
    margin-right:5px;
    background:#006699;
    text-align:center;
    border-left:15px solid;
    border-color:#669900;
    width:107px;
    height:12px;
    padding:4px;
    cursor:pointer;
}
 
li:hover {
    border-left:15px solid;
    border-color:#99CC00;
    background:#0099CC;
}