Question

I have a sidebar script that I am creating a separate js file for since it is used in 3 areas of a website. When I check the console, it says its undefined.

Here is my script, what am I missing?

var SideBarMenu = (function() {
var init = function() {
    debug('sideBarMenu.init');
    $('.sidebar_menu').show();
    setTimeout("SideBarMenu.hideSideBar()",3000);
};

var hideSideBar = function () {
    $('.sidebar_menu').slideUp('300');
    $('.sidebar').mouseenter(handlerIn).mouseleave(handlerOut);
};

var handlerIn = function () {
    //debug('sideBarMenu enter');
    $('.sidebar_menu').slideDown('300');
}
var handlerOut = function () {
    //debug('sideBarMenu leave');
    $('.sidebar_menu').slideUp('300');
}

return {
    init:init,
    hideSideBar:hideSideBar
};
})();
});

Answer 1

You can have as many .ready() handlers as you want. Simply wrap your logic in another.

See: http://docs.jquery.com/Tutorials:Multiple_$(document).ready()