sidebar.js

function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
  }
  
  // Close the dropdown menu if the user clicks outside of it
  window.onclick = function(event) {
    if (!event.target.matches('.sort-dropdown-option')) {
      var dropdowns = document.getElementsByClassName("dropdown-content");
      var i;
      for (i = 0; i < dropdowns.length; i++) {
        var openDropdown = dropdowns[i];
        if (openDropdown.classList.contains('show')) {
          openDropdown.classList.remove('show');
        }
      }
    }
  }

  /* ----------- type bar ----------- */

  function typeBar() {
    document.getElementById("myType").classList.toggle("show");
  }
  
  // Close the dropdown menu if the user clicks outside of it
  window.onclick = function(event) {
    if (!event.target.matches('.my-type-summary')) {
      var dropdowns = document.getElementsByClassName("my-type-summary-content");
        var openDropdown = dropdowns;
        if (openDropdown.classList.contains('show')) {
          openDropdown.classList.remove('show');
        }
    }
  }