2011-08-18 5 views
0

jQuery.show() Voir la page à: http://216.231.135.200/test/view.htmlproblème

Lorsque vous cliquez sur « Suivant », la barre suivant d'abord étendre et du contrat puis de nouveau, ce qui est l'effet que je veux. Quelqu'un peut-il m'aider?

--update:

Il signifie que lorsque l'animation se fait, la partie inférieure de l'élément -coups. Il veut empêcher ça. - lolwut

+1

S'il vous plaît afficher le code correspondant ici. – FishBasketGordo

+1

Que voulez-vous qu'il se passe? Précisez s'il vous plaît. Et si possible faites un [jsfiddle mockup] (http://jsfiddle.net/), qui est plus facile à éditer et à montrer comme exemple à vous aussi. – sg3s

+0

Ce n'est pas contracté pour moi. Il montre la ligne suivante, puis la suivante, etc. –

Répondre

3

Donnez votre classe .step_container une hauteur fixe.

1

Au lieu de show() essayer slideDown() peut-être thats ce que vous voulez dire?

Vous pouvez trouver une liste d'autres animations/effets sur le jquery api documentation page

Sinon s'il vous plaît préciser votre comportement attendu.

Il semble jQuery ne peut pas calculer correctement quelle hauteur le nouveau conteneur doit avoir, si vous pouvez spécifier une hauteur pour le récipient, il doit être fixé ...

4

Je pense que la meilleure solution est de donner explicitement à tous les div.step-container une hauteur en utilisant css.

+0

J'étais un peu trop tard pour donner ma réponse^_ ^ – Neal

3

a résolu le problème avec code CSS: http://jsfiddle.net/maniator/VLSc9/

.step-container { 
    display: none; 
    font-size: 18px; 
    margin-bottom: 20px; 
    margin-top: 20px; 
    height: 21px; /*stops the jitter */ 
    max-height: 21px; /*stops the jitter*/ 
}