Hola. Soy novato en Javascript (no he salido mucho de PhP y MySql, xD). Y se me ha planteado este problema:
Código HTML:
<html>
<head>
<script LANGUAGE="javascript">
function oculta(capa){
document.getElementById(capa).style.visibility = "hidden";
}
function muestra(capa){
document.getElementById(capa).style.visibility = "visible";
}
</script>
</head>
<body>
<a href="#" onclick="muestra('capa1')"> (Mostrar opciones avanzadas)</a>
<br>
<a href="#" onclick="oculta('capa1')"> (Ocultar opciones avanzadas)</a>
<div id="capa1" style='position:relative;'>
<table width='100%'>
<tr>
<td bgcolor='black' align='center'>HOLA</td>
</tr>
</table>
</div>
<script>oculta('capa1');</script>
</body>
</html>
Explico brevemente: al hacer click en mostrar opciones avanzadas nos muestra la tabla (que hemos ocultado antes). Al hacer click en ocultar opciones avanzadas desaparece la tabla (en la capa "capa1").
Lo que quiero hacer es previsible: al hacer click en mostrar opciones avanzadas quitar ese mensaje y en su lugar poner "ocultar opciones avanzadas" (además de realizar su efecto correspondiente.)
Muchas gracias!
Fbae