Jon Doe

Вот это на кнопке добавьте свойство, что бы отключить дефолтные события на этих кнопках, должно работать:event.preventDefault();

Добавьте сначала пунктам своим, которые должны выпадать свойство display: none в css и меню не будет сразу выпадать после перезагрузки.

Просто задать фиксированные размеры всем этим элементам и задать им свойство float: left; потом добавить отступы какие надо и все.

.block {
width: 100%;
height: 100%;
position:  absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

Но, что бы достигнуть таких эффектов как там, то надо еще js покрутить немного.

Так будет правильней и лучше.

$('.button').on('click', function() {
  $('.block').addClass('expanded');
});

.expanded {
  height: 100px;
}

Установить: npm i babel babel-preset-es2015 grunt grunt-babel load-grunt-tasks --save-dev
Добавить в файл .babelrc: { "presets": ["es2015"] }

В файле grunt:
require("load-grunt-tasks")(grunt);
grunt.initConfig({
dist: {
files: {
наши файлы компиляции
}
}
}
});
grunt.registerTask("default", ["babel"]);