Jquery Karatma (fade) Metodu

Gizli Elemanları Gösterir: ilk fadeIn( ) anında, fadeIn ("slow") yavaş, fadeIn (4000) milisaniyede gösterir.

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

çalışmalara ait örnek link:

Görünen Elemanları Gizler : fadeOut( ) anında, fadeOut("slow") yavaş, fadeIn (4000) milisaniyede gizler.

$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

çalışmalara ait örnek link:

Görünen Elemanları Gizler ve Gizli Elemanları Gösterir. FadeToggle( ) anında, fadeToggle("slow") yavaş, fadeToggle(4000) milisaniyede görünür veya gizler. FadeToggle elemanı her tıklama için gizler veya gösterir.

$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

çalışmalara ait örnek link:

Saydamlık Vererek Gizleme: fadeTo("slow", değer ) seçilen elemana saydamlık değeri verir alabileceği değer 0 ile 1 arasındadır. 0 atanan eleman tamamen görünmez, 1 atanan eleman saydamlık değeri almamış gibi davranır.

$("button").click(function(){

  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

çalışmalara ait örnek link:

fade metodu jquery