Добрый день

При просмотре с десктопа видно основное меню, слева. В блоке <nav>
Необходимо сделать, чтобы оно поялялось при адаптации под мобильный вид при клике на кнопку справа-сверху. При этом кнопка никак не меняется. Все элементы уже сверстаны.

Необходимо, чтобы оно появлялось и закрывалось с анимацией, при этом, если меню по высоте не помещается на экран, прокрутка была только внутри блока меню, а не всей страницы.
Меню открывается не на всю ширину, поэтому остальная часть экрана "затемняется". Плюс добавляется тень.

В приложении добавил скриншот с мобильного вида, с кнопкой.
Второй файл отрисовал вид, когда меню открыто.

На сайте используется JQuery 3.1.1, сетка bootstrap 4. Нужен максимально простой и надежный вариант.