Foros del Web - Ver Mensaje Individual

heart_rocker · #1 (**permalink**) 23/02/2013, 20:38

Estimados
Encontré este código en las FAQ's y sirve para ocultar y mostrar capas div al presionar un botón o link... mi problema es que al ingresar a la página la capa aparece visible en primera instancia... yo necesito que aparezca oculta perimero para luego mostrarla...

La función para que la necesito es para hacer un listado de preguntas frecuentes que al presionar sobre ellas aparezca la respuesta, moviendo las demás preguntas hacia abajo, pero no me sirve mucho si el código me muestra las respuestas antes de presionar las preguntas...

me pueden ayudar a corregirlo por favor???

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
    <title>Ocultar Elementos</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
        function cambio(idCapa){
            var capa = document.getElementById(idCapa);
            capa.style.display = (capa.style.display == "none") ? "block" : "none";
        }
    </script>
</head>
<body>
    <div>
        <div id="capa1">
            Esta es la capa 1
        </div>
        <div id="capa2">
            Esta es la capa 2
        </div>
        <a href="#" onclick="cambio('capa1')">Muestra/oculta la capa 1</a>
        <a href="#" onclick="cambio('capa2')">Muestra/oculta la capa 2</a>
    </div>
</body>
</html>