Issue 5385 - Create Site Header Component for Help Center

static/js/main.js

 (function(){
   document.addEventListener("DOMContentLoaded", function()
   {
 
     // Change html class name from "no-js" to "js"
     document.documentElement.className = "js";
-    
-    document

[juliandoucette, 2017/08/23 14:39:04]

If you agree with my comments elsewhere then I think it logically follows to
make this more generic so that we can re-use it on other websites. In that case,
I suggest listening for a toggle button click on the body and toggeling that
toggle button's parent or sibling toggle area.

[ire, 2017/08/25 08:27:07]

Done.

-      .getElementById("toggle-search-form")
-      .addEventListener("click", function(e) {
-        e.preventDefault();
-        document
-          .getElementById("site-search")
-          .classList.toggle("open");
-      }, false);
+
+    // Toggle Navbar Collapse
+    function toggleNavbarCollapse()
+    {
+      var navbarCollapseEls = this.parentElement.getElementsByClassName("navbar-collapse");
+      for (var i = 0; i < navbarCollapseEls.length; i++)
+      {
+        navbarCollapseEls[i]
+          .classList.toggle("open")
+      }
+    }
+
+    var toggleNavbarCollapseEls = document.getElementsByClassName("toggle-navbar-collapse");
+    for (var i = 0; i < toggleNavbarCollapseEls.length; i++)
+    {
+      toggleNavbarCollapseEls[i]
+        .addEventListener("click", toggleNavbarCollapse, false);
+    }
 
   }, false);
 }());