diff --git a/www/conservancy/static/supporter-page.js b/www/conservancy/static/supporter-page.js
index c2e6d52bfc3fe3a7d7d1b1e549ae75e48f78550f..910c679d9c23d1196cfe8a5fea021884b575e4bc 100644
--- a/www/conservancy/static/supporter-page.js
+++ b/www/conservancy/static/supporter-page.js
@@ -59,10 +59,18 @@ $(document).ready(function() {
       .addClass('clickable')
       .bind('click', function() {
         var $control = $('#donate-box');
+        var $otherTextControl = $('.donate-sidebar');
 
-        $control.toggleClass('expanded');
-        $control.find('.toggle-content').slideUp("slow");
-        $control.find('.toggle-content').slideDown("slow");
+        setTimeout(function() { $control.find('.toggle-content').slideUp(100);
+                                $control.toggleClass('expanded');
+                                $control.find('.toggle-content').slideDown(800).fadeOut(10);
+                                $otherTextControl.find('.donate-box-highlight').fadeOut(100);
+                              }, 300);
+          setTimeout(function() { $control.find('.toggle-content').fadeIn(2000);
+                                  $otherTextControl.find('.donate-box-highlight')
+                                  .css({'font-weight': 'bold', 'font-size' : '110%' });
+                                  $otherTextControl.find('.donate-box-highlight').fadeIn(10000);
+                                }, 500);
     });
     $(".t-shirt-size-selector").hide();
     $('input[name=on0]:radio').change(function() {