SlideUp & SlideDown sur QEEL

[# Eve]

Bonsoir !

Mon QEEL est organisé en 3 parties :

Je cherche à ce que les 3 zones de texte (contenues dans un tableau) s'ouvrent et se referment progressivement (SlideUp et SlideDown) au passage de la souris afin que le lecteur n'aie pas ce pavé sous les yeux en permanence mais seulement lorsqu'il le souhaite (au passage de sa souris). Après avoir parcouru les topics sur le sujet sur le FdF et ailleurs, je ne parviens toujours pas à obtenir ce que je souhaite. JQuery, Javascript ... je ne suis pas très douée là-dedans ...

Quelqu'un aurait-il la gentillesse de m'expliquer la façon de procéder ?

Merci d'avance.

Eve.

[# Eve]

Bonjour tout le monde !

Je vous informe simplement que j'ai (enfin !!!) résolu mon problème.
J'en profite pour vous livrer ma solution, si quelqu'un est intéressé.
Il s'agit donc de CSS 3 appliqué à une div ayant pour id "accordeon".

Code:

/* ACCORDEON QEEL */

#accordeon
{
display: block;
overflow: auto;
width: 210px;
height: 30px;
float: left;
}

#accordeon:hover
{
height: 350px;
transition-property: height;
transition-duration: 3s;
transition-timing-function: linear;
transition-delay: 0s;
-webkit-transition: height 5s linear;
-moz-transition: height 5s linear;
-o-transition: height 5s linear;
transition: height 5s linear;
}

En espérant que cet essai concluant sur mon forum Forumactif fasse des heureux.
(Si quelqu'un souhaite corriger/améliorer mon code, qu'il ne se prive pas ).
Problème résolu.

Amicalement,

Eve.