diff --git a/accordion_init.js b/accordion_init.js
index 138ac15608..bf31e0b21f 100644
--- a/accordion_init.js
+++ b/accordion_init.js
@@ -1,10 +1,19 @@
 $("#accordion").accordion({
   active: ${ active_chapter },
-  autoHeight: false
+  header: 'h3',
+  autoHeight: false,
+});
+
+$("#open_close_accordion").click(function(){
+  if ($("#accordion").hasClass("closed")){
+    $("#accordion").removeClass("closed");
+  } else {
+    $("#accordion").addClass("closed");
+  }
 });
 
 $('.ui-accordion').bind('accordionchange', function(event, ui) {
    var event_data = {'newheader':ui.newHeader.text(),
-		     'oldheader':ui.oldHeader.text()};
+         'oldheader':ui.oldHeader.text()};
    log_event('accordion', event_data);
 });
diff --git a/courseware.html b/courseware.html
index 99444c5077..bce8589d6c 100644
--- a/courseware.html
+++ b/courseware.html
@@ -28,6 +28,9 @@
 <section class="main-content">
   <div class="course-wrapper">
     <div id="accordion">
+      <div id="open_close_accordion">
+        Courseware
+      </div>
       ${accordion}
     </div>
 
diff --git a/sass/_courseware.scss b/sass/_courseware.scss
index 3c59e6e0c8..b4ea8e3cbf 100644
--- a/sass/_courseware.scss
+++ b/sass/_courseware.scss
@@ -9,16 +9,8 @@ div.course-wrapper {
     @extend .sidebar;
 
     div#open_close_accordion {
-      position: absolute;
-      right: 0px;
-      width: 20px;
-      height: 20px;
-      background: #ccc;
-      border: 1px solid black;
-      right: -22px;
-      top: 5px;
     }
-		
+
     h3 {
       overflow: hidden;
       margin: 0;