Липкий заголовок с переходной анимацией

Question

$(function() { 
    $('#nav').data('size', 'big'); 
}); 

$(window).scroll(function() { 
    if ($(document).scrollTop() > 0) { 
     if ($('#nav').data('size') == 'big') { 
      $('#nav').data('size', 'small'); 
      $('#nav').stop().addClass('nav-min'); 
     } 
    } else { 
     if ($('#nav').data('size') == 'small') { 
      $('#nav').data('size', 'big'); 
      $('#nav').stop().removeClass('nav-min'); 
     } 
    } 
}); 

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

Благодаря

Answer 1

Для анимации и классы изменений ...

$('#nav').stop().animate({...}, 999, function() { 
    $('#nav').addClass('nav-min'); 
}):