Bloc collapsible

Bonsoir à tous j'ai un petit problème.

J'ai pas mal chercher mais impossible de trouver la solution

Voila le problème.

J'ai une grille de bloc div :

___________
¡___¡___¡___¡
¡___¡___¡___¡
¡___¡___¡

Avec se script :

http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

Le problème c'est que j'aimerais que le bloc qui se deroule passe au dessus de la div du dessous au lieu de la pousser.

Ce que je voudrais :



Merci a vous pour votre aide!
Bonne soirée

position: absolute; sur le bloc a passer au dessus ?

il faut que je les passe tous en position : absolute?

Merci

Bonjour,

il y a plusieurs solutions :

- soit tu sais combien tu as de blocs par ligne et tu connais leur taille ( hauteur largeur ). Là, tu les places tous en "position:absolute" en les positionnant lors de ta probable boucle. Et au moment du click sur " + d'infos " tu changes le z-index de façon à ce que ce bloc soit au dessus des autres.

- Soit tu mets tout tes blocs en "position:relative" et à l'intérieur de ces blocs, les blocs contenant le contenu de " + d'infos " sont en "position:absolute;" et contiennent ton arrondi du bas de bloc. Au moment du click, tu change le " display " de ton bloc contenant les information en plus et le z-index du bloc conteneur.