rollback slideToggle

static/script.js

 $(function() {
   $('.component-demos .icon-all').on('click', function() {
-    //if ($(this).hasClass('expand')) {
-    //  $(this).removeClass('expand');
-    //  $('.code-box .highlight').animate({
-    //    height: 'hide',
-    //    opacity: 0
-    //  }, 150);
-    //} else {
-    //  $(this).addClass('expand');
-    //  $('.code-box .highlight').animate({
-    //    height: 'show',
-    //    opacity: 1
-    //  }, 150);
-    //}
-      $('.code-box .highlight').slideToggle(150);
+    if ($(this).hasClass('expand')) {
+      $(this).removeClass('expand');
+      $('.code-box .highlight').animate({
+        height: 'hide',
+        opacity: 0
+      }, 150);
+    } else {
+      $(this).addClass('expand');
+      $('.code-box .highlight').animate({
+        height: 'show',
+        opacity: 1
+      }, 150);
+    }
   });
 
   $('.code-box').each(function(i, item) {
@@ -22,11 +21,10 @@ $(function() {
   });
 
   $('.code-boxes').on('click', '.collapse', function() {
-    //$(this).parent().parent().find('.highlight').animate({
-    //  height: 'toggle',
-    //  opacity: 'toggle'
-    //}, 150);
-      $(this).parent().parent().find('.highlight').slideToggle(150);
+    $(this).parent().parent().find('.highlight').animate({
+      height: 'toggle',
+      opacity: 'toggle'
+    }, 150);
   });
 
   var navFunc = {