Esempi fadein(), fadeOut(), slideDown() & slideUp():

 

#slideDown

Click me!
#slideUp

Click me!
#fade

Click me!

 

Codice:


$("#fade").click(function () {
  $("#fade").fadeOut(1000).fadeIn(3000,function () {
    $("#fade").css({'background-color' : '#333', 'color' : 'white'});
  });
});

$("#slideDown").click(function () {

   $("#slideDown").fadeOut().slideDown('slow');
});

$("#slideUp").click(function () {
   $("#slideUp").slideUp(2000).slideDown('slow');
});