Quiero agregar una animación deslizable hacia abajo al elemento cuando la pantalla se configura en block , y una diapositiva hacia arriba cuando es none o '' , aquí está mi script js real:
<script> function showQuick(element, icon) { var style = element.style if (style.display === '') { style.display = 'block'; icon.style.color = '#00FFFF'; icon.style.filter = 'drop-shadow(0 0 0.35rem #00FFFF)'; } else if (style.display === 'none') { style.display = 'block'; icon.style.color = '#00FFFF'; icon.style.filter = 'drop-shadow(0 0 0.35rem #00FFFF)'; } else { style.display = 'none'; icon.style.color = '#D2042D'; icon.style.filter = 'drop-shadow(0 0 0.35rem #D2042D)'; }; }; </script>solo prueba esto, es simple
div { position: absolute; top: -20px; transition: top 1s; } <div>hello everyone!</div>ahora cuando configuras style.top = "0px"; en tu código, obtendrás un efecto deslizante