Mostrar y ocultar capas
Buenas amigos del foro mi pregunta es la siguiente tengo una pagina donde tengo un formulario donde tengo dos botones de opciones
Opcion A muestra capa2 y oculta capa1
Opcion B muestra Capa1 y Oculta Capa2
aqui les dejo el codigo mas no le encuentro la solucion Código HTML:
<head>
<script LANGUAGE="JavaScript">
var capa
function cambio(idCapa){
if (document.layers) capa = eval("document." + idCapa);
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide") && (document.getElementById('R1').value=='1')){
capa.visibility = (document.layers) ? "show" : "visible" ;
}
else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}
if ((capa.visibility == "hidden") || (capa.visibility == "hide") && (document.getElementById('R1').value=='2')){
capa.visibility = (document.layers) ? "show" : "visible" ;
}
else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}
}
/* else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}*/
}
//-->
</script>
</head>
<td class='form_text'>Subir sus archivos para la web</td>
<td class='form_text2'><input name="R1" type="radio" value="1" onclick="cambio('capa2')" checked></td>
</tr>
<tr>
<td class='form_text'>Hacer Referencia a sus archivos en Web amigas</td>
<td class='form_text2'><input name="R1" type="radio" value="2" onclick="cambio('capa1')"></td>
</tr> </form></div>
<tr>
<td> </td>
<div class='main3'>
<div id='capa1' style='visibility:hidden;'>
aqui esta todo el codigo de la capa1
</div>
<div id='capa2' style='position:absolute; left: 287px; top: 214px; width: 599px;'>que todos los usuarios registrados de esta web puedan descargarlo o tenerlo de uso personal.
</div>
</div>
Saludos espero que me entiendan a lo que quiero
gracias de antemano | 