From 6e49d079dae5ec9c6e126bb6b96fe9aaa8d254bc Mon Sep 17 00:00:00 2001
From: "Bradley M. Kuhn" <bkuhn@ebb.org>
Date: Tue, 30 Apr 2013 22:17:04 -0400
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.
---
 www/conservancy/static/campaign/index.html | 43 +++++++++++++++++++++-
 www/conservancy/static/conservancy.css     |  2 +
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/www/conservancy/static/campaign/index.html b/www/conservancy/static/campaign/index.html
index ab5a3b3a..882c1899 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 5dec0022..cd2f41d6 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;}