$(document).ready(function () {

    var trigger = $('img.menu_class');
    var element = $('ul.the_menu')
    var milliseconds = 2000;

    trigger.click(function () {
        
        function toggleTimer() {
            if(document.slidetimer == undefined) {
                document.slidetimer = window.setTimeout(function() {
                        element.slideToggle('medium');
                }, milliseconds);
            } else {
                window.clearTimeout(document.slidetimer);
                document.slidetimer = undefined;
            }
        }
        
        element.slideToggle('medium');

        element.unbind('mouseenter');
        element.bind('mouseenter', function(event) {
            toggleTimer();
        });

        element.unbind('mouseleave');
        element.bind('mouseleave', function(event) {
            toggleTimer();
        });

        toggleTimer();
    });
});