Tengo un panel que su tamaño es 141px, quiero hacer un boton fuera de el, que al clickearlo haga que el panel se "expanda" , modificando su css, tengo este codigo:
Código CSS:
Ver originalfunction admin(){
// JavaScript Documentfunction sumar(){
var article = document.getElementById("admin");
article.addEventListener("click", function(e){
this.style.width = this.style.width == "500px" ? "141px" : "500px";
}, false);
}
El mismo hace que si hago click sobre el panel este mismo se expanda, pero no quiero q sea sobre el panel el click, sino en el boton.
pense en llamar la funcion con un <a>
Código HTML:
Ver original<a href="#" onClick="javascript:admin()" id="panel-admin" >Panel-admin
</a>
pero no funciona porque aun el javascript dice q el click debe ser sobre el panel.
como deberia ser el codigo del javascript para que al llamar la funcion el css de admin sea modificado"?