   displayUnit: (unit, chapter) ->
     @setState({unit, chapter: chapter})
 
-  displayChapter: ->
-    if @state.showAll
-      @setState({showAll:false}, -> @loadChart())
+  toggleChapter: ->
+    @setState({showAll: not @state.showAll}, -> @loadChart())
 
   displayTopic: ->
     {courseId} = @props

        <div className='practice-button-wrap'>
          <PracticeButton showAll={@state.showAll} courseId={@props.courseId} pageIds={unit.page_ids}/>
        </div>
      chapterButton =
        <div className='chapter-button-wrap'>
          <BS.Button className="chapter-button" bsStyle='primary' onClick={@displayChapter}>
            View This Chapter
          </BS.Button>
        </div>
      helpText =

          <div className='row-wrap'>
            {problemsWorked}
            {practiceButton}
            {chapterToggleButton}
          </div>
          {helpText}
        </div>
