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

Question

Я уже видел это: jQuery hoverIntent не работает, но hover делает

Тем не менее, у меня есть два обработчика для входа и выхода, и hoverIntent по-прежнему не работает. Ховер делает. Я уверен, у меня все каталоги тоже есть.

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/