Escribí lo siguiente en HTML CSS, luego quiero implementar la siguiente funcionalidad: (Espero que un experto pueda escribir el código por mí)

Primero, quiero ocultar el div horizontal grande, luego quiero vincular un evento de clic del mouse en la parte vertical, cambiando así el estado de visualización del div grande a mostrado.

¿Puedes escribir js y css?

css: style="display: none;"lt; ------ estado inicial

js: add: onclick="do_display();"

Luego agregue el siguiente contenido a la página:

lt;script type="text/javascript"gt;

function do_display(){

var box = document.getElementById('id de div grande');

box.style.display=box.style.display=='blcok'?':'bloque';

}

lt;/scriptgt;

Es posible que este código no siempre sea correcto, pero eso es lo que significa.