Discussion :

[dev14]

Bonjour, je n'arrive plus à trouver la condition qui permet de faire disparaître un élément A, et à la fin de sa disparition (et pas pendant), on enchaîne avec l'apparition d'un élément B.

Par exemple :

Code :

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

1
2
3
$('div#block1').fadeOut('slow',function(){
     $('div#block2').fadeIn("slow");
});

Ca ne marche pas chez moi, pendant que le bloc 1 disparaît, le bloc 2 apparaît déjà. Or je voudrais que le bloc 2 attende la disparition totale du bloc 1 avant d'apparaître à son tour.

Merci

[SpaceFrog]

pourquoi div#block1 ... un id est unique, #block1 suffit...

A part ça en principe le callback ne devarit se lancer qu'a la fin de l'animation ???

Je ne vois pas pourquoi ça ne fonctionnerait pas

[dev14]

je sais mais je préfère préciser, je pars du principe que plus je mets d'éléments, plus vite il trouvera. Par exemple div#bloc1 lui évitera de parcourir les span, td, etc..

En fait pour être plus correct, le code s'apparentait plutôt à celui-là, une fonction avec un numéro passé en paramètre ;

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
function test(num){
 
     $('#bouton'+num).click(function(){
 
          $('.blocks').fadeOut('slow',function(){
               $('#block'+num).fadeIn("slow");
          });
     }
}
 
test(1);test(2);..

le html

Code :

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

1
2
3
4
5
6
7
8
 
<div id="block1" class="blocks"></div>
<div id="block2" class="blocks"></div>
<div id="block3" class="blocks"></div>
 
<div id="bouton1">Affiche bloc1</div>
<div id="bouton2">Affiche bloc2</div>
<div id="bouton3">Affiche bloc3</div>

En gros je fais disparaître tous les blocs, et j'affiche celui cliqué.

Mais comme ils s'affichent au même endroit, en fait je pense que ça fait comme un décalage parce que le contenu textuel des blocs n'est pas de même taille. Je pense qu'en fait la seule manière pour ne pas avoir cette sorte de cassure à la disparition d'un élément pour l'apparition d'un autre, c'est de mettre les blocs en display:absolute, et là ce sera fluide. Je voulais l'éviter mais je pense que je n'ai pas le choix.

[SpaceFrog]

je pars du principe que plus je mets d'éléments, plus vite il trouvera.

Non c'est tout le contraire !!

si tu precises div avant il va d'abord cherche tous les divs poru en extraire les sout elements ensuite ...

[dev14]

Ah d'accord, je prends note.

Pour ce qui est du reste, show() / hide() sont plus adaptés, si d'autres viennent par ici et se demandent la différence entre show() et fadeIn(), c'est la même chose sauf que show() (avec une notion de durée) anime aussi le width et le height de notre élément.

Donc je laisse tomber le fadeIn/fadeOut. J'utilisais le mauvais outil