jQuery show(gösterme) efekti

Bir önceki dersimizde jQuery hide(gizleme) efekti ile ilgili bir takım konulara deyinmiştik. Şimdi ise bu işlemin tam tersini bir yandan da kardeş işlevini anlatacağız. Gösterme efekti sayesinde gizlenmiş bir nesneyi show efekti ile gösterebiliriz. Bu konuyu iyice anlamak ve örnekleri uygulayabilmeniz için jQuery hide(gizleme) efekti dersini okumanızı tavsiye ediyorum.


$(function()    {    $('#ac').click(function(){$('#div_id').show('slow');});    });  
<div id="div_id"> jQuery türkiye! </div>
<a href="#" id="ac"> Buna Basınca Aç </a>
Yukarıdaki kodu kullandığımız zaman tarayıcı ön yüzünde, Buna Basınca Aç linkine tıklandığı andan itibaren div'in kapladığı bölümü yavaşça açılacaktır. Kodları biraz açıklamak gerekirse;
#ac id'li değere tıklandığında #div_id ID'li nesneyi ('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.
Events/Click - Olaylar/tıklama dersleri için buraya tıklayınız. Ayrıca ingilizce ayrıntılı örnekler için jQuery Show bakınız.

Hiç yorum yok:

Yorum Gönder