Анимация элементов при удалении атрибута

$('body *').Animate().removeAttr('style');

        function attrdel(){
            $("#del").removeAttr('value').animate({
                width:"200px",
                height:"200px"
        }, 3000 );
        }

$('html').click(function() {
   // Здесь выполняем скрытие (свёртование нашего меню)
            $('#nav .nav ul').removeAttr('style');
            
            function attrdel(){
            $('#nav .nav ul').removeAttr('style').animate({
                width:"200px",
                height:"200px"
        }, 3000 );
        }

$('div').on('click', function(){
    $(this).removeAttr('style').css('transition', 'all 1s linear');
});

$('#nav .nav ul'). toggleClass().removeAttr('style');

        function attrdel(){//по клику по елементу
            $("._up").animate({//добираемся до елемента с нужным классом и изменяем ширину/высоту
                width: "50px",
                height: "20px"
            }, 1000, function() {
                $(this).removeClass('_up');//удаляем класс
                $(this).removeAttr('value');
                $(this).addClass('_down');//устанавливаем новый класс
            });
            $("._down").animate({//при повторном щелчке по елементу сласс "._up" будет отсутствовать а "_down" будет в наличии
                width: "400px",
                height: "200px"
            }, 1000, function() {
                $(this).removeClass('_down');//удаляем класс "_down"
                $(this).attr(value:"Удалить атрибут");
                $(this).addClass('_up');//устанавливаем начальный класс
            });
        }
 
/*вообще то есть метод.toggle Можно попробовать с ним поиграться...*/

$('html').click(function() {
   // Здесь выполняем скрытие (свёртование нашего меню)
            $('body *').removeAttr('style').css('transition', 'all 3s linear');
});