When an elements dimension changes it looks so much better if that change is animated - this snippet does that for any height changes

animateChange.js

var animateChange = function (elem, func, speed) {
  var origHeight, goalHeight;

  origHeight = elem.innerHeight();
  func(elem);
  goalHeight = elem.height();

  if (origHeight !== goalHeight) {
    elem.height(origHeight).animate({height : goalHeight}, speed ? speed : 400, function () {
      elem.height('auto');
    });
  }
},