Jquery hide(gizleme) effect kullanımı

jQuery hide(gizleme) efekti herhangi bir nesneyi gizlemek için kullanılmaktadır. Örneğin projemize bir div ve altında Kapat adında bir adet buton koyarak, butona tıklandığında div nesnemizi kapatalım.

$(function(){
    $('#kapat').click(function(){
    $('#uzmanim').hide('slow');
    });
});

<div id="uzmanim">uzmanım.net </div>

<input type="button" id="kapat" value="Kapat"/>

Yukarıdaki kodu çalıştırdığımızda, Kapat butonuna tıklandığında itibaren div'i yavaşça kapatıcaktır. Kodları açıklamak gerekirse;

#kapat id'li değere tıklandığında #uzmanim ID'li nesneyi slow(yavaş) bir şekilde kapatıcaktır.

Burada slow yerine fast yazarsak yavaş kapatmak yerine hızlı kapatacaktır eğer boş bırakırsak hiç bir efekt vermeden kapatılacaktır.