Mostrar/ocultar capas

[PosProdukcion]

Te pongo un código que yo creo q es más sencillo, no se si te voy a liar mas, pero si solo quieres mostrar u oclutar párrafos no es necesario que crees una capa para cada cosa, yo tengo esta función que muestra u oculta párrafos y cambia el texto de ayuda del enlace (tooltip) por mostrar u ocultar:

Código:

function MostrarOcultar(parr)
{
	var np = 'p' + parr; /*numero de parrafo*/
	var na = 'a' + parr; /*numero de enlace*/

	var elem = document.getElementById(np);
	var enlace = document.getElementById(na);

	if (elem.style.display=='block')
	{
		/*si esta visible lo oculta y cambia el texto del enlace*/
		elem.style.display = 'none';
		enlace.title = 'Ampliar información';
	}
	else
	{
		/*si esta oculto lo muestra y cambia el texto del enlace*/
		elem.style.display = 'block';
		enlace.title = 'Ocultar información';
	}
	return;
}

Despues, en cada parrafo pones una numeracion consecutiva, con id = a1, a2, a3... para los links de títulos y con p1, p2, p3... para los párrafos de contenido:

Código:

		<p>
		<a href="#" title="Ampliar informaci&oacute;n" id="a1" OnClick="MostrarOcultar('1'); return false">
		Titulo del parrafo 1
		</a>
		</p>
		<p class="TextoParrafoOculto" id="p1">
                bla bla bla
		<br /><br />
                bla bla bla
		</p>

		<p>
		<a href="#" title="Ampliar informaci&oacute;n" id="a2" OnClick="MostrarOcultar('2'); return false">
		Titulo del parrafo 2
		</a>
		</p>
		<p class="TextoParrafoOculto" id="p2">
                bla bla bla
		<br /><br />
                bla bla bla
		</p>

Aqui tienes un ejemplo de funcionamiento, al hacer clic sobre el titulo se muestra u oculta el parrafo: http://www.foromovilidadsostenible.org/m30/quieres.htm