diff --git a/core/js/apps.js b/core/js/apps.js
index d8f4bfdf1c..70f82ab6b4 100644
--- a/core/js/apps.js
+++ b/core/js/apps.js
@@ -27,9 +27,9 @@
 	 */
 	exports.Apps.showAppSidebar = function($el) {
 		var $appSidebar = $el || $('#app-sidebar');
-		$appSidebar.removeClass('disappear');
+		$appSidebar.removeClass('disappear')
+			.show('slide', { direction: 'right' }, 200);
 		$('#app-content').addClass('with-app-sidebar').trigger(new $.Event('appresized'));
-
 	};
 
 	/**
@@ -40,7 +40,10 @@
 	 */
 	exports.Apps.hideAppSidebar = function($el) {
 		var $appSidebar = $el || $('#app-sidebar');
-		$appSidebar.addClass('disappear');
+		$appSidebar.hide('slide', { direction: 'right' }, 100,
+			function() {
+				$appSidebar.addClass('disappear');
+			});
 		$('#app-content').removeClass('with-app-sidebar').trigger(new $.Event('appresized'));
 	};