fadeOut() et slideUp() en même temps?

Question

J'ai trouvé jQuery: FadeOut puis SlideUp et c'est bon, mais ce n'est pas le seul.

Comment puis-je fadeOut() et slideUp() à la même heure? J'ai essayé deux distincts setTimeout() des appels avec le même retard mais l' slideUp() qui s'est passé dès que la page est chargée.

Quelqu'un a fait cela?

Answer 1

Vous pouvez faire quelque chose comme cela, c'est une bascule version:

$("#mySelector").animate({ height: 'toggle', opacity: 'toggle' }, 'slow');

Pour strictement un fadeout:

$("#mySelector").animate({ height: 0, opacity: 0 }, 'slow');

Answer 2

J'ai eu un problème similaire et fixe comme ça.

$('#mydiv').animate({
            height: 0,
        }, {
            duration: 1000,
            complete: function(){$('#mydiv').css('display', 'none');}
        });
$('#mydiv').animate({
            opacity: 0,
        }, {
            duration: 1000,
            queue: false
        });

la file d'attente à la propriété qu'il indique si la file d'attente de l'animation ou tout simplement jouer tout de suite

Answer 3

Pourquoi ne pas simplement slideUp? Quand c'est fait, il n'est pas visible tout de même. Ou utiliser la fonction animate place.

Answer 4

Découvrez le jquery cycle plugin. Il pourrait être ce dont vous avez besoin.

Answer 5

Je ne suis pas sûr si vous voulez en fait glisser l'objet ou de l'utilisation de jQuery slideUp méthode qui fait l'objet genre de se replier sur lui-même. Si c'est le dernier alors juste de la chaîne d'ensemble

('#testDiv').slideUp().fadeOut();

Si c'est l'ancien, alors vous aurez besoin d'utiliser la fonction animate de changer la valeur de dessus et de réglage opacity = 'hide'

Aussi, si vous ne voulez pas commencer quand le doc charges, faire dépendre d'un événement comme la souris ou cliquez sur, ou vous pouvez utiliser du jQuery delay()