efecto persiana con div (ayuda)

[netovs]

Ya entiendo, tu caso realmente no es tan complicado... un proverbio dice "da a un amigo un pez y hoy comerá, enseña a pescar y comerá siempre" bueno algo así, lo que quiero decir es que necesitas quemarte un poco mas ese cerebro en las siguientes áreas:

1. Maquetado HTML específicamente en el área de divs
2. repasar CSS (mucho)
3. incursiona más en JavaScript

Y después del sermoneo la ayuda:

1. en la sección style haz los siguientes cambios para cada una de los id (#text1) que serán los que se despliegan:

Código CSS:

#tex1 {
        # overflow: visible;
        visibility: hidden;
        # position: fixed;
        background-color: #ADE;
        display: block;
 
}
 

En la sección que corresponde al código HTML deberá de estar de la siguiente forma para cada caso:

Código HTML:

<ul>
      <li>
        <h4 onclick="MM_effectBlind('tex1', 1000, '0%', '100%', true)">Pregunta 1 </h4>
      </li>
 
        <div id="tex1" onclick="MM_effectBlind('tex1', 1000, '0%', '100%', true)">
            RESPUESTA
            <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto<b$
              texto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto texto<br />
        </div>
 

Y con esos cambios se notará el cambio.