diff --git modules/toolbar/toolbar.js modules/toolbar/toolbar.js
index 3865f13..340ceb7 100644
--- modules/toolbar/toolbar.js
+++ modules/toolbar/toolbar.js
@@ -44,12 +44,14 @@ Drupal.toolbar.init = function() {
  */
 Drupal.toolbar.collapse = function() {
   var toggle_text = Drupal.t('Open the drawer');
-  $('#toolbar div.toolbar-drawer').addClass('collapsed');
   $('#toolbar a.toggle')
     .removeClass('toggle-active')
     .attr('title',  toggle_text)
     .html(toggle_text);
-  $('body').addClass('toolbar-drawer').css('paddingTop', Drupal.toolbar.height());
+  $('#toolbar div.toolbar-drawer').slideUp(200, function() {
+    $(this).addClass('collapsed');
+    $('body').addClass('toolbar-drawer').css('paddingTop', Drupal.toolbar.height());
+  });
   $.cookie(
     'Drupal.toolbar.collapsed',
     1,
@@ -66,12 +68,14 @@ Drupal.toolbar.collapse = function() {
  */
 Drupal.toolbar.expand = function() {
   var toggle_text = Drupal.t('Close the drawer');
-  $('#toolbar div.toolbar-drawer').removeClass('collapsed');
   $('#toolbar a.toggle')
     .addClass('toggle-active')
     .attr('title',  toggle_text)
     .html(toggle_text);
-  $('body').addClass('toolbar-drawer').css('paddingTop', Drupal.toolbar.height());
+  $('#toolbar div.toolbar-drawer').slideDown(200, function() {
+    $(this).removeClass('collapsed');
+    $('body').addClass('toolbar-drawer').css('paddingTop', Drupal.toolbar.height());
+  });
   $.cookie(
     'Drupal.toolbar.collapsed',
     0,