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.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);
 }());