Jquery ile Nesneleri Gizleme veya Gösterme

Last updated on 3 Haziran 2019

Sayfada yer alan nesneleri gizleme veya gösterme işlemi jquery ile çok kolayca yapılabilir. Nesneleri gizlemek için “hide()” methodu, göstermek için ise “show()” methodu kullanılır. Birde “toggle()” methodu var bunu da ayrıca açıklayacağım.

hide() Methodu

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

“hide” methodunun efekli olarak çalışmasını istiyorsak eğer milisaniye cinsinden değer verebiliriz veya slow ya da fast diye belirtebiliriz.  

$("#btn_test").click(function(){
$("#div_1").hide("slow");
});
$("#btn_test").click(function(){
$("#div_1").hide("fast");
});
$("#btn_test").click(function(){
$("#div_1").hide("1000");
});

show() Methodu

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

“show” methodunun efekli olarak çalışmasını istiyorsak eğer milisaniye cinsinden değer verebiliriz veya slow ya da fast diye belirtebiliriz.

$("#btn_test").click(function(){
$("#div_1").show("slow");
});
$("#btn_test").click(function(){
$("#div_1").show("fast");
});
$("#btn_test").click(function(){
$("#div_1").show("1000");
});
  •  
  •  
  •  
  •  
  •  
  •  
  •  

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir