quoteDropdownVisible = false;

$(document).ready(function () {

    var timeoutInstance;

    $("#Appointment-Request").hover(
        function () {
            if(quoteDropdownVisible == false){
                $("#extra").slideDown({duration: 1000, easing:'easeOutQuart', complete:function(){quoteDropdownVisible=true}});
            }
        },
        function () {
            timeoutInstance = setTimeout(function(){$("#extra").slideUp({duration:500, easing:'easeOutQuart', complete:function(){quoteDropdownVisible=false}});},2000);
        }
    );
    
    $("#Appointment-Request").mouseover(
        function(){
            clearTimeout(timeoutInstance);
        }
    );
    

});