diff --git a/www/conservancy/static/supporter/index.html b/www/conservancy/static/supporter/index.html
index d2ef08aa8c6d032d2d97718fa3b9c3ce5a1813ca..71de53dc52fbb987d2b744833da1d111b811275f 100644
--- a/www/conservancy/static/supporter/index.html
+++ b/www/conservancy/static/supporter/index.html
@@ -6,6 +6,37 @@
 <link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script type="text/javascript" src="/jquery.min.js"></script>
 <script type="text/javascript" src="/jquery-ui.min.js"></script>
+<script type="text/javascript">
+  $(document).ready(function() {
+    $('.toggle-content').hide();
+
+    $('.toggle-control')
+     .addClass('clickable')
+     .bind('click', function() {
+        var $control = $(this);
+        var $parent = $control.parents('.toggle-unit');
+
+        $parent.toggleClass('expanded');
+        $parent.find('.toggle-content').slideToggle();
+
+        // if control has HTML5 data attributes, use to update text
+        if ($parent.hasClass('expanded')) {
+            $control.html($control.attr('data-expanded-text'));
+        } else {
+            $control.html($control.attr('data-text'));
+        }
+    });
+    $('a.donate-now')
+      .addClass('clickable')
+      .bind('click', function() {
+        var $control = $('#donate-box');
+
+        $control.toggleClass('expanded');
+        $control.find('.toggle-content').slideUp("slow");
+        $control.find('.toggle-content').slideDown("slow");
+    });
+  });
+</script>
 
 {% endblock %}