$(".menu").on("click", "a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
});
$(document).ready(function(){
$(document).on('click', '1', function(){
$('2').toggleClass('3');
});
});
1 - класс на который кликаешь,
2- класс к которому нужно добавить новый класс к примеру active,
3 - сам класс который хочешь добавить
блоку который должен выпадать, после нажатия на пункт меню, делаешь display: block и фиксированную высоту, для плавности, как у них добавь transition: 300ms height ease-out; и вроде бы все. Вот набросал, только перенеси к себе, на fiddle почему-то не видит класс https://jsfiddle.net/Vydayko12/aLpbvpva/2/