Je l'extrait de code suivant qui permet de basculer le rembourrage en vol stationnaire (voir exemple here):jQuery Animer Rembourrage à zéro
<div id="outer"><div id="inner"></div></div>
<script>
$("#inner").mouseenter(function() {
$("#outer").animate({ 'padding' : '20px' }, "slow");
});
$("#inner").mouseleave(function() {
$("#outer").animate({ 'padding' : '0px' }, "slow");
});
</script>
L'objectif est d'avoir le rembourrage animer à la fois dedans et dehors, mais actuellement aucune animation apparaît pour animer. J'ai fait quelques tests, et si je change le pad padding à 10 pixels (à partir de 0 pixels), il lance une animation, mais commence à zéro et s'anime à l'extérieur. Je cours jQuery 1.4.3. Aucun moyen de réparer cela?
Vous ne savez pas ce qui se passe, mais ne pas animer un attribut 'marge' pour l'élément interne fonctionne à la place? –
@Freek, pas si la div externe a des dimensions définies .. il pousserait les inners gauche/haut, mais il se casserait à l'extérieur de l'extérieur, comme l'extérieur ne peut pas se développer en raison des dimensions définies .. –
@Gaby point pris :) –