Buenas,
he corregido algo haciendo un cambio de estructura y utilizando un onclick, por si le puede servir a alguien. El problema que tengo ahora y que le estoy dando vueltas es como hacer que se pueda utilizar varias veces esa función en un mismo archivo, para utilizar varios botones que desplieguen (ahora lo he hecho pero repitiendo la misma función con distintos nombres - capa, capauno,... - y que no cacheen, es decir, que no haya que hacer un doble click para que desplieguen. Pregunto porque estoy aún con muy bajo nivel de javascript y me da problemas:
<button onclick="capa()" type="button" class="Accordion-headBt">Add</button>
</div>
<div id="capa" class="estilo1">
contenido
</div>
Función:
<script type="text/javascript">
//<![CDATA[
function capa()
{
var estilo = document.getElementById("capa").className;
if (estilo == "estilo1")
{
document.getElementById("capa").className = "estilo2";
}
else
{
document.getElementById("capa").className = "estilo1";
}
Css:
.estilo1{
width: 0px;
height: 0px;
overflow: hidden;
}
.estilo2{
width: 100%;
height: auto;
overflow: visible;
display:block;
background: #e6e6e6;
clear: both;
}
}
//]]>
</script>
Un saludo!!!