Je m’intéresse à une fonction jQuery pour afficher une DIV du bas vers la haut, tout à fait comme ce site : http://www.lac-annecy.com.
La partie qui m'intéresse est le, lien "Actualités", barre rouge vers le bas de l'écran, qui affiche une fenêtre de bas en haut, contenant des infos.
Je parviens à faire à peu près la même chose, en utilisant "slideToggle".
Voici le code :
Code : Tout sélectionner
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active");
});
});
</script>
<div class="row actualites">
<div id="panel">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>
<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>
</div>
Tout d'abord, le slider va du haut vers le bas (existe-t-il une fonction de type slideToggle("slow",[vers-le-haut]); ???
Ensuite, et là ce sera sans doute une autre fonction, le bouton "slide" reste ici fixe à l'écran, alors que pour le site d'Annecy, c'est le haut de la fenêtre qui sert de bouton... l'ensemble se déplace vers le haut au clic, puis reviens vers le bas au re-clic.
Ainsi, si par intuition, quelqu'un avait sous la main un exemple équivalent, mais plus simple à comprendre, je serais preneur !
Tous les exemples vus sur les forums utilisant "slideToggle" affichent des trucs de haut en bas. Jamais dans l'autre sens ; ou alors je ne tape vraiment pas les bons mots clés.
Donc je sèche.
Merci
