$(document).ready (function() {

​

    $(document).on ("mouseenter", "#text1", function() {

        $("#descr").remove();

        $("#main_div").append ("<div style = 'background-color: red; width: 300px; height: 200px; margin: 0; border: 1px solid #DDDDDD' id = 'descr'></div>");

        $("#descr")

            .hide()

            .append ("<h3 id = 'truth' style = 'float: left; height: 100px'>You're an idiot</h3>")

            .stop()

            .slideDown ("slow");

    });

​

    $(document).on ("mouseleave", "#text1", function() {

        $("#descr").stop().slideUp ("slow", function() {

​

        });

    });

​

    $(document).on ("mouseenter", "#descr", function() {

        $("#descr").stop().slideUp ("slow", function() {

                $(this).remove();

        });

    });

​

});