Не срабатывает fadeOut?

Question

[Денис]

Добрый день, пытаюсь сделать чтобы при наведении на выпадающею менюшку срабатывало затемнение фона. При наведении все норм. Элемент с затемняющим слоем появляется с отступом в размере шапки сайта. Но при уводе курсора мыши с меню затемняющий слой не прячется ( вообще не происходит ни каких действий) Прошу помощи в решении этого вопроса.

var fadePage = {
    init: function(){
        jQuery(document).on('mouseenter', '.page-fader', function(){
            var obj = jQuery(this);
            if(!obj.hasClass('i-faded-page')){
                fadePage.unFade();
                fadePage.fade(obj);
            }
        });
    },
    fade: function(obj){
        var headerHeight = jQuery('#header').height(),pageHeight = jQuery(document).height(),faderStyles = {height: pageHeight - headerHeight + 'px',top: headerHeight + 'px'};
        obj.addClass('i-faded-page');    
        jQuery('#pageFader').css(faderStyles).fadeIn();
    },
    unFade: function(){
        jQuery("#pageFader").fadeOut(); 
        jQuery('.s-catalog-wrapper').removeClass('i-faded-page');
    },
};
jQuery(document).on('ready', function(){
    fadePage.init();
});

Answer 1

[Сергей Третьяков]

Может натолкнёт на какое-нибудь решение. Есть плагин панорама вьювер В нём реализован "затемняющий слой"

if (settings.overlay == true) {
          $("<div class='pv-overlay'><i class='pvicon-overlay'></i></div>").appendTo(el.find(".pv-inner"))
          el.find(".pv-inner").bind("mouseenter", function() {
            $(this).find(".pv-overlay ").fadeOut("fast");
          }).bind("mouseleave", function() {
            $(this).find(".pv-overlay ").fadeIn("fast");
          })
        }

цепочкой вызовов, а у тебя отдельные функции.