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