Панель с множеством кнопок (с кнопкой Показать все)

Когда кнопок много, то UI сложнее воспринимать. 

Лучше оставить видимым 2-3 кнопки, а остальные скрыть через кнопку "Показать остальные".

Используем для этого разметку:

<div class="as-moreLinks hide" data-count="1" data-text="&lt;i class='fa fa-plus'&gt;&lt;/i&gt; {count}" data-moreclass="btn btn-outline-primary">
  <a href="#" class="btn btn-primary">11</a>
  <a href="#" class="btn btn-primary">22</a>
  <a href="#" class="btn btn-primary">33</a>
  <a href="#" class="btn btn-primary">44</a>
  <a href="#" class="btn btn-primary">55</a>
  <a href="#" class="btn btn-primary">66</a>
  <a href="#" class="btn btn-primary">77</a>
  <a href="#" class="btn btn-primary">88</a>  
</div>

Параметры: 

• count - сколько кнопок  по умолчанию показывать видимыми
• text- текст кнопки Показать (где {count} - количество скрытых кнопок)
• moreClass - CSS-классы кнопки Показать