From 4af134b28a1b6124ef5dfb849eea75830029c1b5 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 20 Sep 2012 17:49:36 -0400
Subject: [PATCH] fixed large collapsible text and triple toggle

---
 .../sass/course/courseware/_courseware.scss    |  8 ++++++++
 lms/templates/problem.html                     | 18 ++++++++++++------
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index 6f95db64ee..010d47ba29 100644
--- a/lms/static/sass/course/courseware/_courseware.scss
+++ b/lms/static/sass/course/courseware/_courseware.scss
@@ -52,6 +52,14 @@ div.course-wrapper {
         margin-bottom: 15px;
         padding: 0 0 15px;
 
+        .collapsible {
+          header {
+            margin-bottom: 0;
+            padding-bottom: 0;
+            font-size: 16px;
+          }
+        }
+
         header {
           @extend h1.top-header;
           @include border-radius(0 4px 0 0);
diff --git a/lms/templates/problem.html b/lms/templates/problem.html
index 2e94bc963f..c0bb4ef3e4 100644
--- a/lms/templates/problem.html
+++ b/lms/templates/problem.html
@@ -34,6 +34,8 @@
 
 <%block name="js_extra">
 <script type="text/javascript" charset="utf-8">
+  var collapsibleSet;
+  
   $(function(){
       // this should be brought back into problems
       $('.longform').hide();
@@ -47,12 +49,16 @@
         return false;
       });
 
-      $('.collapsible section').hide()
-      $('.collapsible header a').click(function() {
-        $(this).parent().siblings().slideToggle();
-        $(this).parent().parent().toggleClass('open');
-        return false
-      });
+      if(!collapsibleSet) {
+        collapsibleSet = true;
+        $('.collapsible section').hide();
+        $('.collapsible header a').bind('click', toggleHint);
+        function toggleHint(e) {
+          $(this).parent().siblings().slideToggle();
+          $(this).parent().parent().toggleClass('open');
+          return false;
+        }
+      }      
     });
 </script>
 </%block>