jquery的mouseover和mouseout闪烁问题

$(document).ready(function(){
    $(".anli").hover(
        function(){
               var $div = $(this);
               t = setInterval(function(){
                      $div.children().fadeIn(300)
               },100);
         },function(){
        clearInterval(t);
        $(this).children('div').fadeOut();
        })
})

  具体原理我没有看,我想大概就是 用hover事件,然后延迟显示,之后清楚延迟,然后隐藏