Jquery ile Nesneleri Gizleme veya Gösterme

Jquery ile Nesneleri Gizleme veya Gösterme

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");
});

Bir cevap yazın

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

Back To Top