jQuery hide(gizleme) efekti

mTanriverdi
26-01-2011, 09:38   |  #1  
OP Yeni Üye
Teşekkür Sayısı: 0
20 mesaj
Kayıt Tarihi:Kayıt: Mar 2008

jQuery hide(gizleme) efekti sayesinde herhangi bi nesnemizi gizleyebiliriz. Şimdi elimizde bulunan bir div nesnesini ele alalım. Ve altında Kapat adında bir adet link koyarak, linke tıklandığında div nesnemizin kapatalım.

$(function(){$('#kapat').click(function(){$('#div_id').hide('slow');});});
<div id="div_id">jQuery türkiye! </div>
<a href="#" id="kapat"> Buna Basınca Kapat </a>
Yukarıdaki kodu kullandığımız zaman tarayıcı ön yüzünde, Buna Basınca Kapat linkine tıklandığı andan itibaren div'in kapladığı bölümü yavaşça kapatacaktır. Kodları biraz açıklamak gerekirse;
#kapat id'li değere tıklandığında #div_id ID'li nesneyi kapat('yavaş')
Burada slow yerine fast yazar isek yavaş yavaş kapatmak yerine hızlı kapatacaktır eğer boş bırakır isek '' hiç bir efekt vermeden kapatacaktır.
Ayrıca ayrıntılı örnekler için jQuery Hide bakınız.

jQuery hide(gizleme) efekti   |||   jQuery show(gösterme) efekti
jQuery Ajax .serialize()        |||   jQuery .length(toplamını sayma) efekti