Mi javascript es malo. Necesito ayuda. tengo un guion Hice algunas ediciones y funciona. Pero necesito una apertura vertical suave del elemento "contenido desplegable" con un clic. ¿Cómo puedo agregar el método slideToggle() correctamente? Lo intenté, pero el código no funciona.

 /* 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>```