Bootstrap развал имеет скачкообразный переход

У меня есть проблема с переходом загрузчика navbar. коллапс имеет скачкообразный переход, когда у сворачивающегося элемента есть отступы

Я погуглил эту проблему, и кажется, что проблема заключается в заполнении:

.menu-menu-container{
    padding: 100px 30px 60px 30px;
    background-color: yellow;
}

на самом деле, если я удаляю заполнение из меню Элемент -menu-container, анимация работает хорошо, и она очень плавная

это мой кодовый блок> http://codepen.io/mp1985/pen/EyOJYE

Как я могу достичь того же результата без этой странной проблемы?

любая помощь, предложение или совет?