From 6e49d079dae5ec9c6e126bb6b96fe9aaa8d254bc 2013-05-01 02:17:04
From: Bradley M. Kuhn <bkuhn@ebb.org>
Date: 2013-05-01 02:17:04
Subject: [PATCH] Create pop-down of text for other donation methods.

For those methods that require further explanation, configure so that the
text appears upon clicking.

---

diff --git a/www/conservancy/static/campaign/index.html b/www/conservancy/static/campaign/index.html
index ab5a3b3a24547429c3123a0fbc1902b55200f9f6..882c1899c3925dd0b1d510d428e569a0fddee8fa 100644
--- a/www/conservancy/static/campaign/index.html
+++ b/www/conservancy/static/campaign/index.html
@@ -14,6 +14,25 @@
 <script type="text/javascript">
   $(document).ready(function() {
     $("#progressbar").progressbar({ value: (2515 / 75000) * 100 });
+
+    $('.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'));
+        }
+    })
   });
 </script>
 {% endblock %}
@@ -243,7 +262,29 @@ evbind(document.getElementById('bank-account-form'), 'submit',
 </script>
 - Balanced end -->
 
-<p>Contact <a href="mailto:accounting@sfconservancy.org">Conservancy by email</a><br/> for other donation methods.</p>
+<div class="toggle-unit">
+    <h4 class="toggle-control" data-text="Donate by Wire Transfer?" 
+    data-expanded-text="Donate by Wire Transfer:">Donate by Wire Transfer?</h4>
+    <div class="toggle-content">
+        Please
+            contact <a href="mailto:accounting@sfconservancy.org">Conservancy
+            by email</a><br/> for wire transfer instructions.<br/>
+            Please Include your currency and country.<br/>
+    </div><!-- /.toggle-content -->
+</div><!-- /.toggle.unit -->
+
+<div class="toggle-unit">
+    <h4 class="toggle-control" data-text="Donate by Paper Check?" 
+    data-expanded-text="Donate by Paper Check:">Donate by Paper Check?</h4>
+    <div class="toggle-content">
+    Send paper check donations to:<br/>
+    Software Freedom Conservancy, Inc.<br/>
+    137 MONTAGUE ST  STE 380<br/>
+    BROOKLYN, NY 11201-3548<br/>
+    Please write <q>NPO ACCOUNTING</q> in the memo line. 
+    </div><!-- /.toggle-content -->
+</div><!-- /.toggle.unit -->
+
 
 </td></tr></table>
 </div>
diff --git a/www/conservancy/static/conservancy.css b/www/conservancy/static/conservancy.css
index 5dec0022a9a6a1b03eb292f3cd664092cccbcfae..cd2f41d6ae34b84f299809ebec7e82a2985288b9 100644
--- a/www/conservancy/static/conservancy.css
+++ b/www/conservancy/static/conservancy.css
@@ -272,3 +272,5 @@ body.conservancy-campaign #navbar ul li.campaign a
    width: 200px;
    font-size: 12px;
 }
+
+.clickable {cursor: pointer;}