Как прокручивать экран вместе с выпадающим списком меню (мобильная версия)?

Подскажите пожалуйста, есть меню.

$(function() {
	var Accordion = function(el, multiple) {
		this.el = el || {};
		this.multiple = multiple || false;

		// Variables privadas
		var links = this.el.find('.link');
		// Evento
		links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
	}

	Accordion.prototype.dropdown = function(e) {
		var $el = e.data.el;
			$this = $(this),
			$next = $this.next();

		$next.slideToggle();
		$this.parent().toggleClass('open');

		if (!e.data.multiple) {
			$el.find('.submenu-mobile').not($next).slideUp().parent().removeClass('open');
		};
	}	

	var accordion = new Accordion($('#accordion'), false);
});

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

Как это можно реализовать?