Existe-t-il un moyen d'animer une hauteur div dans jQuery en permettant à la fois le haut et le bas de la div de se développer? Je veux faire quelque chose comme sur la page d'accueil de LDS: www.lds.org. Le div sur la gauche de l'image de la bannière supérieure est le type de chose que je vais faire.jQuery spécial div hauteur animation
Vous pouvez créer l'illusion d'une expansion vers le haut et vers le bas, en déplaçant le div vers le haut tout en animant sa hauteur.
<html>
<head>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
$(document).ready(function() {
var d = $('div');
d.css('top', '250px').css('height', 0);
d.animate({
height: '500px',
top: 0
} , 3000);
});
</script>
<style>
div {
width: 500px;
height: 500px;
background: #f00;
position: absolute;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
Merci! Pouvez-vous me dire pourquoi la position doit être déclarée comme absolue? – MRichards