My javascript is bad. I need help. I have a script. I made some edits and it works. But I need a smooth vertical opening of the element "dropdown-content" by click. How can I add method slideToggle() correctly? I tried, but the code doesn't work.

/* When the user clicks on the button, 
toggle between hiding and showing the dropdown content */
function myFunction() {
    document.getElementById("custom1").classList.toggle("show1");
    document.getElementById("custom2").classList.toggle("show2");
    document.getElementById("myDropdown").classList.toggle("show");
}

// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
  if (!event.target.getAttribute("id") === "one") {
    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');
      }
    }   
  }
}
</script>```