hoverIntent с iframe, беспорядок с границей и высотой. hover works

Question

Я видел это уже: jQuery hoverIntent not working, but hover does

Однако у меня есть два обработчика для входа и выхода, а hoverIntent все еще не работает. Hover делает. Я уверен, что у меня есть все каталоги.

var sidebar = $('#sidebar'); 

    sidebar.hoverIntent(function(){ 
     sidebar.attr('id','sidebar_active'); 
    }, function(){ 
     sidebar.attr('id','sidebar'); 
    }); 

Боковая панель является IFrame:

<iframe id="sidebar" scrolling="no" src="sidebar/sidebar.php"></iframe> 

идентификаторы здесь:

#sidebar{ 
    width:56px; 
    border:0; 
    height:100%; 
} 

#sidebar_active{ 
    width:150px; 
    border:0; 
    height:100%; 
} 

Любые идеи?

Answer 1

$(function(){ 
var sidebar = $('#sidebar'); 

    sidebar.hoverIntent(function(){ 
     sidebar.attr('id','sidebar_active'); 
    }, function(){ 
     sidebar.attr('id','sidebar'); 
    }); 
}) 

Вот рабочая ссылка http://jsfiddle.net/asadalikanwal/usL4a8xj/