Voici un code Javascript pour avoir faire une boite déroulante.

Une deuxième boîte

Vous pouvez même mettre des images :

Dans "édition d'un article" (là où vous écrivez votre article) vous verrez les 2 textes collés, c'est tout à fait normal  

Deux parties :

1- Javascript

<div class="ma_boite">
<div class="title_box">Boite texte</div>
<div class="content_box" style="overflow: none;">TEXTE</div>
</div>

Boite texte c'est le titre de la boite

TEXTEc'est le texte dans la boîte

Où place ce code ?

Placez-le comme un code HTML.

Mettez 2 fois ce code et vous aurez deux boîtes, etc, etc. 

2 - CSS

Dans la partie CSS, vous créez la forme, les couleurs, etc., de votre boite. 

.ma_boite { width:200px; height:18px; overflow:hidden; transition: height 1s; -moz-transition: height 1s; -webkit-transition: height 1s; -o-transition: height 1s; } .ma_boite:hover { height:150px; }     .title_box { color:black; background-color:#XXX; border: 1px solid #YYYY; border-radius: 5px; }

200 c'est la longueur de votre boite

18 c'est sa hauteur

black c'est la couleur du texte dans le titre de votre boite

#XXX c'est la couleur du fond du titre de votre boite

1 c'est l'épaisseur du contour du titre de votre boite

solid c'est son type de contour(voir Nom des contours)

#YYYY c'est la couleur du contour du titre

5 c'est comment sont arrondis les contours