diff --git a/lms/static/coffee/src/navigation.coffee b/lms/static/coffee/src/navigation.coffee
index 1d6b8a8117..94d53c17c4 100644
--- a/lms/static/coffee/src/navigation.coffee
+++ b/lms/static/coffee/src/navigation.coffee
@@ -13,9 +13,10 @@ class @Navigation
         active: active
         header: 'h3'
         autoHeight: false
+      $('#accordion .ui-state-active').closest('.chapter').addClass('is-open')
       $('#open_close_accordion a').click @toggle
-
       $('#accordion').show()
+      $('#accordion a').click @setChapter
 
   log: (event, ui) ->
     log_event 'accordion',
@@ -24,3 +25,8 @@ class @Navigation
 
   toggle: ->
     $('.course-wrapper').toggleClass('closed')
+
+  setChapter: ->
+    $('#accordion .is-open').removeClass('is-open')
+    $(this).closest('.chapter').addClass('is-open')
+    
\ No newline at end of file
diff --git a/lms/static/sass/course/courseware/_sidebar.scss b/lms/static/sass/course/courseware/_sidebar.scss
index 9f570711a7..52a639d9a6 100644
--- a/lms/static/sass/course/courseware/_sidebar.scss
+++ b/lms/static/sass/course/courseware/_sidebar.scss
@@ -75,6 +75,10 @@ section.course-index {
       @include box-shadow(0 1px 0 #fff inset, 0 -1px 0 rgba(0, 0, 0, .1) inset);
       @include transition(background-color .1s);
 
+      &.is-open {
+        background: #fff;
+      }
+
       &:first-child {
         border-radius: 3px 0 0 0;
       }