simplify logic to expand nav explore panel

diff --git a/src/js/01-nav.js b/src/js/01-nav.js
index 2b66741..466dd7f 100644 (file)
--- a/src/js/01-nav.js
+++ b/src/js/01-nav.js
@@ -32,11 +32,11 @@
     }
   })
 
-  nav.querySelector('.context').addEventListener('click', function () {
-    var currentPanel = nav.querySelector('.is-active[data-panel]')
-    var activatePanel = currentPanel.dataset.panel === 'menu' ? 'explore' : 'menu'
-    currentPanel.classList.toggle('is-active')
-    nav.querySelector('[data-panel=' + activatePanel + ']').classList.toggle('is-active')
+  nav.querySelector('[data-panel=explore] .context').addEventListener('click', function () {
+    // NOTE logic assumes there are only two panels
+    find(nav, '[data-panel]').forEach(function (panel) {
+      panel.classList.toggle('is-active')
+    })
   })
 
   // NOTE prevent text from being selected by double click