отображение модального диалога
 

$('.ajax').on('click', function(){

        $.post($(this).attr('href'), function(data){
            $('#modal').dialog('destroy');
            $('#modal').html(data);
            $('#modal').dialog({
                modal: true,
                width:'auto',
            });
        })
        showModal();
        return false;

    });
    function showModal() {
        
        $('#modal').html('<img src="/images/loading.gif">');

        $('#modal').dialog({
            modal: true,
            width:'auto',
            height: 90
        });
        $(".ui-dialog-titlebar").hide();
    }

работает криво -в хроме гифка не крутится, в фф гифка на 1 секунду появляется, потом исчезает, затем через пару секунд появляется второй диалог

плюс хотелось бы без уничтожения, а размеры диалога плавно перетекали в новый

подскажите как сделать

плавное изменение размера - $.animate в помощь

$("#elem").animate({
    width : (x)px
  }