jQuery(function ($) {

    var $menu = $('.menu2');
    var $body = $('.body', $menu);

    var openMenu = function () {
        $body
        .animate({
            height: $body[0].scrollHeight + 'px'
        })
        ;
    };
    var closeMenu = function () {
        $body
        .animate({
            height: 0 + 'px'
        })
        ;
    };

    var timeoutHandle;

    $menu
    .bind('click', function (e) {
        window.clearTimeout(timeoutHandle);
        openMenu();
    })
    .bind('mouseenter', function (e) {
        window.clearTimeout(timeoutHandle);
        timeoutHandle = window.setTimeout(function () { openMenu(); }, 300);
    })
    .bind('mouseleave', function (e) {
        window.clearTimeout(timeoutHandle);
        timeoutHandle = window.setTimeout(function () { closeMenu(); }, 300);
    })
    ;

});