Hola necu
Te envio este script, es un ejemplo de como trabajar con atributos no estándar, utilizo el método getAttribute(), con el que obtienes el valor del atributo, su sintexis es Nodo_elemento.getAttribute(Nombre_atributo) y para cambiar el valor del atributo utilizo setAttribute(), su sintexis es Nodo_elemento.setAttribute(Nombre_atributo, valor_atributo), esto es soportado por IE5+, NS6+, Opera 5+.
Igual es complicar un poco las cosas pero creo que te pude dar ideas para solucionar futuros problemas.
Un saludo
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div id ="layer1" style="position:absolute;left:300px;width:200px;he ight:200px;background-color:red;visibility:hidden;"> </div>
<div id ="layer2" style="position:absolute;left:350px;width:200px;he ight:200px;background-color:blue;visibility:hidden;"> </div>
<form>
<input type="button" id="b1" control ="1" onclick="display_layer(this,'layer1')" value="Mostrar layer1"/>
<input type="button" id="b2" control ="1" onclick="display_layer(this,'layer2')" value="Mostrar layer2"/>
</form>
<script language=JavaScript type=text/javascript>
<!--
function display_layer(b_v,capa){
if(b_v.getAttribute("control")== "1"){
document.getElementById(capa).style.visibility = "visible"
b_v.value ="Ocultar " + capa
b_v.setAttribute("control","0")
}
else{
document.getElementById(capa).style.visibility = "hidden"
b_v.value ="Mostrar " + capa
b_v.setAttribute("control","1")
}
}
//-->
</script>
</body>
</html>