Как сделать переходы без рывков на jquery?

Question

[Senseich]

Всем привет! Я сделал пример, показ и скрытие текста при нажатии: https://jsfiddle.net/yqqmnwm0/3/

Вроде работает, но мне не нравиться как при сворачивании в конце, как будто рывок, захлопывается. Это заметно на первых двух
последний закрывающий, поэтому на нём не видно такого. Я ещё с анимацией и переходами не работал на jquery, поэтому подскажите, как лучше сделать, чтобы всё плавно работало?

Answer 1

[fl3nkey]

Уберите margin у p тега, или делайте его в одну сторону.
https://jsfiddle.net/yqqmnwm0/4/

p {
  margin: 0 0 10px 0;
}

Вертикальный margin между элементами поглощают друг друга:


 

Comments

[Senseich]

действительно, даже не подумал, спасибо!