$(document).ready(function () {
   $(".izle").hide(0);
   $(".gel").hover(function() {
      $(this).children(".izle").stop().fadeIn(300);
   },function() {
      $(this).children(".izle").stop().fadeOut(300);
   });
});

Şeklinde kullanırsan hem kodu bi miktar kısalmış olursun hemde animasyonun tekrar etmesini engellersin. Bu durmu şöyle açıklayabiliriz ;
.gel classının üzerine geldiğinde jQuery ile .gel classının içindeki .izle classına açılma animasyonu atıyorsun, eğer .gel classının üzerinden mouse çekersen bi seferde .izle classına kapanış animasyonu ekliyorsun. Şimdi animasyon süresine 2000ms yani 2 saniye verdiğini düşünürsek açılma ve kapanma 4 saniye sürecek ve sen bu süre içerisinde mouse tekrar üzerine getirip tekrar çekersen aynı classa bi kere daha animasyon eklemiş olursun buda sıraya gider ve sen mouse çeksen bile bi 4saniyelik daha animasyon eklemiş olursun. Bunu engellemek için animasyon eklemek istediğin nesneye .fadeIn() gibi bir fonksyonu çağırmadan önce .stop() fonksyonunu çağırıyoruz buda bir önceki animasyonu bi nevi devre dışı bırakıyor.