Discussion :

[erwah]

Bonjour à tous,

Je suis en train de créer mon site web perso entirement avec mes petites mains, et je commence a y injecter un peu de jquery pour le rendre plus joli.

J'ai deja implémenté un menu qui me permet de filtrer les <section> d'une page, mais lorsque je filtre, le <footer> apparait de manière brute lors du rafraichissement. J'aimerai, en fonction du nombre de <section> dans ma page, que le <footer> slide de bas en haut (ou de haut en bas) en fonction de la valeur de mon filtre.

Je n'ai pas trouvé de fonction qui faisait automatiquement ça, slideUp, slideToggle, ou slideDown n'étant pas adaptées car je souhaite que le footer soit toujours visible.

Avez-vous des suggestions ?

Merci d'avance les amis

[danielhagnoul]

Bonsoir

Suggestions ? Il faut sans doute animer un élément CSS du "footer" avec animate() : http://api.jquery.com/animate/

Mais je ne vois pas bien sans les codes (HTML, CSS, JS).

[erwah]

Merci pour ta réponse danielhagnoul,

Pour ce qui est de la fonction animate(), je n'arrive pas bien à la manipuler correctement, je veux bien de l'aide. Voici le squelette de ma page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<ul>
	<li onclick=filter(1)>Thème 1</li>
	<li onclick=filter(2)>Thème 2</li>
</ul>
 
<section class=1>
	Ma section de thème 1 qui s affiche quand Thème 1 est sélectionné
</section>
<section class=2>
	Ma section de thème 2 qui s affiche quand Thème 2 est sélectionné
</section>
<section class=1>
	Ma section de thème 1 qui s affiche quand Thème 1 est sélectionné
</section>
 
<footer>
	Mon footer à faire slider en fonction du nombre de sections apparentes
</footer>
 
<script>
	function filter (i) {
		$("section").fadeOut("slow");
		$("section").filter("."+i).fadeIn("slow");
	}
</script>

[SpaceFrog]

passe par les callback de tes fonctions d'animation ...