Todas las cajas estan flotadas a la izquierda (float:left;) y cada caja contiene:
1 tumbnail
2 boton cerrar
3 titulo
4 descripcion
5 galeria de imagenes
6 pie de foto
2, 3, 4 ,5 y 6 tienen display:none; en la hoja de estilos.
luego con javascript, concretamente con jquery expanden y colapsan el contenido.
cuando hacemos click sobre la caja se produce un evento onclick que jquery trata como un método:(
click()).
Al hacer click sobre la caja se oculta el thumbnail (1) (display:none; o fadeOut();) y se muestra el resto del contenido (2,3,4,5 y 6) (display:block; o fadeIn();)
Luego el mismo evento se aplica a el boton cerrar (2) diciendo que ahora oculte todo y vuelva a mostrar el thumbnail
Para estudiar como está construido este sitio pueden descargar el programa
httrack .
Espero les sea útil.
Saludos.