Jquery hide(gizleme) effect kullanımı

Jquery hide(gizleme) effect nasıl kullanılır?

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.