1 files changed, 8 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
index f4162ba..1c0f49d 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
@@ -15,14 +15,20 @@ class ViewerSectionsNav extends Component {
       <div className="viewer-nav sections-nav">
         <div className='nav-row'>
 
-          <div className="checklist-element" onClick={() => actions.viewer.toggleNavComponent('checklist')}>
+          <div className="checklist-element" onClick={() => {
+              actions.viewer.hideNavComponent('credits')
+              actions.viewer.toggleNavComponent('checklist')
+            }}>
             <div className="checklist-link link">
               <Arrow type={viewer.checklist ? 'down': 'up'} />
               {'Checklist'}
             </div>
           </div>
 
-          <div className="credits-element" onClick={() => actions.viewer.toggleNavComponent('credits')}>
+          <div className="credits-element" onClick={() => {
+              actions.viewer.hideNavComponent('checklist')
+              actions.viewer.toggleNavComponent('credits')
+            }}>
             <div className="credits-link link">
               <Arrow type={viewer.credits ? 'down': 'up'} />
               {'Credits'}