open close sidebar implement js adding removing closed class on accordion

--HG--
branch : close_sidebar

accordion_init.js

 $("#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);
 });

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>
 

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;