jQuery UI/Effects/Clip kullanımı

jQuery UI/Effects/Clip ile belirttiğimiz nesneye tıklandığı zaman kapatılmasını sağlayabiliriz. Clip efekti ile kapatılmasını sağlayan bu fonksiyonun yatay ve dikey seçenekleri bulunmakta.

//JQUERY FONKSYINU OLUSTURYORUZ
$("#nesne").click(function () {
      $(this).hide("clip", { direction: "horizontal" }, 1000);
});
//ASAGIDA DIV NESNELERINI RENKLENDIRELIM
<style type="text/css">
   div { margin: 0px; width: 100px; height: 80px; background: green;}
</style>
//DIV NESNESINI TANITIYORUZ
<div id="nesne"> </div>

Ayrıca "vertical" or "horizontal" seçeneklerinide kullanabilirsiniz.