Элемент высота увеличивается после функции .animate()

Question

Я создал следующий аккордеон слайдер:

JSFiddle demo

После нажатия на одну из элементов списка, он запускает функцию .animate(). Моя проблема заключается в том, что после анимации начала рендеринга полоса прокрутки браузера отображается сбоку всего на секунду. Это связано с тем, что высота элементов списка немного увеличилась, но я не могу понять, почему она это делает.

Answer 1

Вам необходимо установить overflow: hidden на элемент #vaccordion, а также height. В этом случае я установил height в процентах, поэтому вам также необходимо указать height родителям #vaccordion (html, body).

html, body{ 
    width: 100%; 
    height: 100%; 
} 

#vaccordion { 
    list-style: none; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
} 

FIDDLE: https://jsfiddle.net/8a5dsaqx/2/