триггеры hoverIntent функционируют на избранном элементе

Код, который следует, используется для показа, и сокрытие Мега Выпадает. Если Вы наведение мыши ссылка с классом 'выпадающих', это - дочерний '.dropPanel' шоу. Пока Ваша мышь или по ссылке или по панели отбрасывания, панель отбрасывания остается показанной. Переместите курсор куда угодно, но ссылка или панель и панель скрыты. Довольно основной материал.

В нескольких из них Мега Выпадает существуют формы, которые содержат избранные элементы. В Firefox все хорошо. В IE (8 а именно, не протестировали никакие другие версии), если Вы наведение мыши, которое избранный элемент в панели отбрасывания, hoverIntent запускает функция dropPanelOff () и панель отбрасывания, скрываетесь.

Как я предотвращаю это?

        // Apply Hover Intent to Menu Panels
        $(".dropDown").hoverIntent({
            sensitivity: 10, 
            interval: 150, 
            over: dropPanelOn, 
            timeout: 150, 
            out: dropPanelOff
        });

            // Menu Over function call
            function dropPanelOn() {
                $('a[rel="dropLink"]', this).addClass('hover');
                $('.dropPanel', this).slideDown('fast');
            }

            // Menu Out function call
            function dropPanelOff() {
                obj = this;
                $('.dropPanel', this).slideUp(100, function(){
                    $('a[rel="dropLink"]', obj).removeClass('hover');
                    $('.dropLink span', obj).removeClass('hover');
                });
            }