Ocultar div

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>

chuidiang · #2 (**permalink**) 24/02/2013, 05:14

Hola:

En la hoja de estilo CSS ponla invisible, así no será visible según cargas. No pareces tener hoja de estilo, puedes ponerlo entre <head> y </head>

Código CSS:

Ver original<head>
...
<style>
#capa1, #capa2 {
   display:none;
}
</style>
</head>

Se bueno.