• RSS
  • Facebook
  • Twitter
  • Linkedin

10 Mayıs 2014 Cumartesi

Jquery Gizle (hide) ve Göster (show) Metodu



Gizleme: hide () atama yaptığınız elemanları gizler.
Gösterme: show () atama yaptığınız elemanları gösterir.

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

çalışmalara ait örnek link:

Süreli Gizleme ve gösterme : hide (1000) atama yaptığınız elemanları 1000 milisaniyede gizler. show (1000) atama yaptığınız elemanları 1000 milisaniyede gösterir.

$("#hide").click(function(){
  $("p").hide(1000);
});

$("#show").click(function(){
  $("p").show(1000);
});

çalışmalara ait örnek link:

Gizleme ve Gösterme: toggle ( ) atama yaptığınız elemanları her tıklamada gizler veya gösterir.

$("button").click(function(){
  $("p").toggle();
});

çalışmalara ait örnek link:

Süreli Gizleme ve Gösterme: toggle ( ) atama yaptığınız elemanları her tıklamada 2000 milisaniyede gizler veya gösterir.

$("button").click(function(){
  $("p").toggle(2000);
});


çalışmalara ait örnek link:

0 yorum:

Yorum Gönder