SlideUp & SlideDown sur QEEL

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu SlideUp & SlideDown sur QEEL

Message par # Eve le Ven 1 Juil 2011 - 1:43

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.



Dernière édition par # Eve le Sam 2 Juil 2011 - 15:18, édité 1 fois

# Eve
**

Féminin
Messages : 54
Inscrit(e) le : 02/10/2010

# Eve a été remercié(e) par l'auteur de ce sujet.

Résolu Re: SlideUp & SlideDown sur QEEL

Message par # Eve le Sam 2 Juil 2011 - 15:17

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 Very Happy ).
Problème résolu.

Amicalement,

Eve.

# Eve
**

Féminin
Messages : 54
Inscrit(e) le : 02/10/2010

# Eve a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum