$(document).ready(

        function () {

            $('#Slot1').hover(
                function () {
                    $("#Slot1Inner").animate({ height: 200 + "px" }, { duration: 500 });
                    $("#Slot1Inner").css("max-height", "200");
                    $("#Slot1Content").css("display", "block");
                    return false;
                },
                function () {
                    $("#Slot1Inner").animate({ height: 85 + "px" }, { duration: 500 });
                    $("#Slot1Inner").promise().done(function () { $("#Slot1Content").css("display", "none").css("max-height", "85"); });
                    return false;
                }
            );

            $('#Slot2').hover(
                function () {
                    $("#Slot2Inner").animate({ height: 200 + "px" }, { duration: 500 });
                    $("#Slot2Inner").css("max-height", "200");
                    $("#Slot2Content").css("display", "block");
                    return false;
                },
                function () {
                    $("#Slot2Inner").animate({ height: 85 + "px" }, { duration: 500 });
                    $("#Slot2Inner").promise().done(function () { $("#Slot2Content").css("display", "none").css("max-height", "85"); });
                    return false;
                }
            );

            $('#Slot3').hover(
                function () {
                    $("#Slot3Inner").animate({ height: 200 + "px" }, { duration: 500 });
                    $("#Slot3Inner").css("max-height", "200");
                    $("#Slot3Content").css("display", "block");
                    return false;
                },
                function () {
                    $("#Slot3Inner").animate({ height: 85 + "px" }, { duration: 500 });
                    $("#Slot3Inner").promise().done(function () { $("#Slot3Content").css("display", "none").css("max-height", "85"); });
                    return false;
                }
            );
        }
    );