Muchas gracias IsaBelM, funciona muy bien, pero me gustaria ver una pequeña cosa mas (estetica), te cuento...
Para mostrar u ocultar el menu llamo a dos clases css:
Código HTML:
<a id="close" class="close" href="#" onclick="fnc2()">Cerrar Panel</a>
<a id="open" class="open" style="display: none;" href="#" onclick="fnc3()"><?php echo $_SESSION['id']?'Abrir Panel':'Iniciar Sesión';?></a>
close y open.
Este es el codigo css:
Código CSS:
Ver original.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}
Para cambiar de imagen al hcer click (Mostrar panel-Ocultar panel) pero esto no funciona bien, no se activa la clase tengo que hacer 2 click para que cambie de estado.
¿Se podra mejorar este codigo o cambiarlo para que funcione?
La idea es un solo boton o enlace que cambie de estado.
Desde ya muchas gracias.