commit 93f27e41ff832d563111c26d2f1af3f1d55cdf75
author Aemie Jariwala <44139348+AemieJ@users.noreply.github.com> Thu Jul 02 14:25:25 2020 +0530
committer GitHub <noreply@github.com> Thu Jul 02 10:55:25 2020 +0200
tree 62ee5418abfd6719eb85a18fc8aef857ef6a78bb
parent 016a511d08c69161bcd0a1d9eaac61ab108d3c38

fix: nav panel explore toggling on click

antora-ui-camel/src/js/01-nav.js

diff --git a/antora-ui-camel/src/js/01-nav.js b/antora-ui-camel/src/js/01-nav.js
index a6089da..4f652e6 100644
--- a/antora-ui-camel/src/js/01-nav.js
+++ b/antora-ui-camel/src/js/01-nav.js
@@ -38,11 +38,11 @@
     }
   })
 
-  nav.querySelector('.context').addEventListener('click', function () {
+  nav.querySelector('.nav-panel-explore').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')
+    var activatePanel = (currentPanel === null || currentPanel.dataset.panel === 'menu') ? 'explore' : 'menu'
+    nav.querySelector(`[data-panel=${activatePanel}]`).classList.toggle('is-active')
+    if (currentPanel !== null) currentPanel.classList.toggle('is-active')
   })
 
   // NOTE prevent text from being selected by double click