jQuery glisser avec la frontière CSS provoque étrange «saut»

Question

J'ai une charge de li s que je glisse en utilisant jQuery et la fonction animate(). L'utilisation de slideUp() et slideDown() donne le même effet que je vais décrire: les li glissent très bien, mais quand leurs hauteurs sont nulles, les bordures (haut et bas, 1px) restent, puis disparaissent tout d'un coup. Je me demande ... y a-t-il un moyen dans jQuery de faire en sorte que les bordures ne s'éloignent pas, mais glissent doucement vers le haut/bas comme le reste du li ou div ou autre.

Le code que j'ai en ce moment est la suivante:

.animate({ 
    height: 'toggle', 
    margin: 'toggle', 
    padding: 'toggle', 
    opacity: 'toggle' 
}); 

J'ai essayé d'utiliser la propriété border CSS avec 'toggle'. Cela fonctionne bien pour glisser vers le haut, mais lorsque vous rétrogradez, les bordures réapparaissent à la fin de l'animation d'accélération.

Answer 1

Je sais de quoi vous parlez. J'ai déjà fait cela et j'ai eu le même problème. Le travail autour est d'animer un div contenant à l'intérieur de la frontière div. C'est le même effet.

Par exemple ...

<!--- Flakey ---> 
<div class="border slideMe"> 
    Content here... 
</div> 

<!--- Correct ---> 
<div class="border"> 
    <div class="slideMe"> 
     Content here... 
    </div> 
</div> 

Espérons que cela vous permet d'économiser certains maux de tête.