Update (Actualizacion masActualización más abajo).
Estoy realizando esta alineación de divsdivs con respecto a un contenido aparte que esta posicionada detrás de los divsdivs que quiere alinear:
Me explico: Me explico:
Div principal: Este div tiene oculto otro div que se desplaza con una pequeña animación con JqueryjQuery, si pulsas en la flecha blanca se desplaza su contenido (que es el otro div), igualmente si quieres cerrarlo se oculta si vuelves a pulsar. En Realidad uso Z-index para poder manejar estos 2 elementos.
Ahora me gustaría lograr algo como lo que les muestro en la siguiente imagen. La cosa es poder posicionar los recuadros tanto el como el con el div con el contenido (siendo este le que esta detrasdetrás).
Realmente he logrado posicionar los 2 primeros recuadros, pero cuando voy a colocar otros 2 en la siguiente fila, se me descuadran y se desacomoda todo, he intendointentado colocarlos con contenedor individuales pero no resulta.
Opacity podria¿opacity
podría ser un opcionopción para esto? o alguna especie de efecto toggle. :(