Issue 5406 - Create Site Footer 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";
 
     // 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);
     }
 
+    // Custom Select
+    function onClickCustomSelect()
+    {
+      var options = this.nextElementSibling;
+      if (options.getAttribute("aria-hidden") == "true")
+      {
+        options.removeAttribute("aria-hidden");
+        this.setAttribute("aria-expanded", "true");
+      }
+      else
+      {
+        options.setAttribute("aria-hidden", "true");
+        this.setAttribute("aria-expanded", "false");
+      }
+    }
+
+    var customSelectEls = document.getElementsByClassName('custom-select-selected');
+    for (var i = 0; i < customSelectEls.length; i++)
+    {
+      customSelectEls[i]
+        .addEventListener("click", onClickCustomSelect, false);
+      customSelectEls[i]
+        .nextElementSibling
+        .setAttribute("aria-hidden", "true");
+    }
+
   }, false);
 }());