Почему прыгает мену, когда открывается с помощью slideToggle()?

Question

[Сергей Бурдужа]

У меня есть небольшой код на jsfiddle: https://jsfiddle.net/serii/t7khaq4o/17/.
Когда разворачиваешь мену, то оно вначале прыгает. не могу понять почему. Раньше тоже делал такие менюшки, но не вдавался в деталях, а теперь понимаю, что с этим нужно разобраться. Может кто-нибудь кинет подсказку, хотя бы намек?

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/t7khaq4o/18/

Собственно, сначала прыгает на 20px вниз, из-за минимальной высоты.
А потом уже начинает разворачиваться. Обратно тоже самое.

.main-menu {
  //min-height: 20px;
}

Comments

[Сергей Бурдужа]

Спасибо, не забуду.