degrade gracefully if explore panel in nav is missing

diff --git a/src/js/01-nav.js b/src/js/01-nav.js
index 95f5163..d116c9d 100644 (file)
--- a/src/js/01-nav.js
+++ b/src/js/01-nav.js
@@ -11,6 +11,7 @@
 
   var menuPanel = navContainer.querySelector('[data-panel=menu]')
   if (!menuPanel) return
+  var explorePanel = navContainer.querySelector('[data-panel=explore]')
   var nav = navContainer.querySelector('.nav')
 
   var currentPageItem = menuPanel.querySelector('.is-current-page')
@@ -32,12 +33,14 @@
     }
   })
 
-  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')
+  if (explorePanel) {
+    explorePanel.querySelector('.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
   menuPanel.addEventListener('mousedown', function (e) {