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 yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


The reCAPTCHA verification period has expired. Please reload the page.

Back To Top