Как выровнять контент открывающегося блока по центру?

Добрый вечер, заголовок сформулировал коряво, суть:
Есть аккордеон из нескольких блоков вида:

<ul class="accordeon-menu">
	    <li class="accordeon-menu__item accordeon-menu__item--active">
	        <div class="accordeon-menu__item-content">
	        	<div class="slider-info">
	        		<div class="slider-info__wrapper">
	        			<h1></h1>
	        			<div class="text-center">
	        			</div>
	        			<div class="slider-action">
	        			  <a href="#" class="btn"></a>
	        			</div>
	        		</div>
	        	</div>
	        </div>
	        <div class="accordeon-menu__item-link"></div>
	  </li>	
	</ul>

где несколько li . По нажатию на accordeon-menu__item-link открывается accordeon-menu__item-content. Всегда открыт только один блок. При открытии, если контента много, бывает так, что приходится скроллить чтобы содержимое открытого блока поместилось в середину экрана, как сделать, чтобы при открытии того или иного блока, содержимое центровалось по середине экрана ?