Эффект сворачивание и разворачивания
 

Всем приветы.

Подскажите, плиз, как в этот код дописать эффект анимации появления и скрытие элемента?

$('#opengta').click(function(e) {
  
    var $message = $('#menugta');
 
    if ($message.css('display') != 'block') {
        $message.show();
 
        var firstClick = true;
        $(document).bind('click.myEvent', function(e) {
            if (!firstClick && $(e.target).closest('#menugta').length == 0) {
                $message.hide();
                $(document).unbind('click.myEvent');
            }
            firstClick = false;
        });
    }
 
    e.preventDefault();
});

Извините)
Не думал, что всё так просто...

Вот так работает, я думаю это правильно:

$('#opengta').click(function(e) {
  
    var $message = $('#menugta');
 
    if ($message.css('display') != 'block') {
        $message.show('fast');
 
        var firstClick = true;
        $(document).bind('click.myEvent', function(e) {
            if (!firstClick && $(e.target).closest('#menugta').length == 0) {
                $message.hide('fast');
                $(document).unbind('click.myEvent');
            }
            firstClick = false;
        });
        }
 
    e.preventDefault();
});