Comment exécuter des animation les unes après les autres ?

Bonjour a tous,
je cherche comment exécuter ce bout de code :

$(".madiv").animate({opacity : 0}, 600).css({display : 'none'});

de tel sorte que je diminue l'opacité d'abord a 0 ensuite, je lui attribut un display none (pour le moment dé que je clique ça fait directement le display none).
Merci pour vos éventuelles réponses
Cordialement