Bonjour,
Je débute avec JQuery, et suis confronté à un premier problème.

Ma page principale est composée de plusieurs DIV, et j'aimerai qu'au chargement de ma page, les div, qui sont cachées (via la propriété visibilty:hide en css) apparaissent les unes après les autres.

Pour l'instant j'utilise le code suivant (placé dans le header), mais les actions n'attendent pas que la précédente soit terminée, donc toutes les div apparaissent en même temps.

Comment puis-je faire?

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
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
 $(document).ready(function(){
 $("#club").fadeIn("slow").css('visibility', 'visible');
 $("#sondages").fadeIn("slow").css('visibility', 'visible');
 $("#agenda").fadeIn("slow").css('visibility', 'visible');
 $("#forum").fadeIn("slow").css('visibility', 'visible');
 $("#pub").fadeIn("slow").css('visibility', 'visible');
 $("#menu").fadeIn("slow").css('visibility', 'visible');
 $("#logo").fadeIn("slow").css('visibility', 'visible');
 $("#articles_cellule").slideDown("slow").css('visibility', 'visible');
 $("#form_cellule").fadeIn("slow").css('visibility', 'visible');
 
 });
</script>
J'en profite avec une deuxième question, comment dois-je faire pour mettre ce code dans un fichier js? un copier coller suffit?

Merci pour vos aides,
Toufou