Si tengo unas pocas líneas de código simples, básicamente lo que hace es cuando haces clic en el div que tiene la identificación, desaparece (mostrar: ninguno). Normalmente haría addClass/removeClass pero me preguntaba si solo con este código podría agregar un efecto que no haga que el div desaparezca brutalmente, pero tal vez con una transición hacia la izquierda o hacia arriba con 0.8 segundos. ¿Cómo procederías?
window.onload = function(){ var divToHide = document.getElementById('divToHide'); document.onclick = function(e){ divToHide.style.display = 'none'; } };Si desea usar jquery, puede usar los métodos de diapositivas del mismo. La restricción es que tendrá que usar jquery.
$("#divParaOcultar").slideDown(2000); //2000 es el ms para el efecto
Sin embargo, también puede aplicar la función de tiempo de transición en css. Si mantiene la función de temporización de transición: lineal y pasa del ancho 100% al ancho cero, tendrá el efecto de deslizamiento y de abajo hacia abajo, transición en altura. https://developer.mozilla.org/en -US/docs/Web/CSS/transition-timing-function