Как вывести первые n элементов с наибольшими значениями и сделать кнопку «Больше» для показа остальных?

Question

[Мария]

Здравствуйте. Имеется
1. Wordpress
2. Плагин Geodirectory
3. Виджет CPT Categories

Что нужно получить - вывод первых, допустим, 6 подкатегорий с наибольшими значениями в каждой категории и кнопка "Далее" для вывода остальных подкатегорий.
В виджете есть возможность выводить n первых подкатегорий, вопрос в том, как прикрутить кнопку "Далее".

Либо изначально использовать не функционал виджета для вывода первых подкатегорий, а Jquery?
Как выглядит сейчас:

Как должно выглядеть:


HTML-код

<li class="gd-cptcat-li gd-cptcat-li-sub">
  <ul class="gd-cptcat-ul gd-cptcat-sub gd-cptcat-sub-1">
    
    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/volkswagen" title="Volkswagen">Volkswagen <span class="gd-cptcat-count">(1)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/audi/" title="Audi">Audi <span class="gd-cptcat-count">(1)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/renault/" title="Renault">Renault <span class="gd-cptcat-count">(0)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/porsche/" title="Porsche">Porsche <span class="gd-cptcat-count">(0)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/peugeot/" title="Peugeot">Peugeot <span class="gd-cptcat-count">(0)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/rover/" title="Rover">Rover <span class="gd-cptcat-count">(0)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/seat/" title="Seat">Seat <span class="gd-cptcat-count">(0)</span></a></li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/volvo/" title="Volvo">Volvo <span class="gd-cptcat-count">(0)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/smart/" title="Smart">Smart <span class="gd-cptcat-count">(0)</span></a>
    </li>

    <li class="gd-cptcat-li gd-cptcat-li-sub">
      <a href="http://***/european/skoda/" title="Skoda">Skoda <span class="gd-cptcat-count">(0)</span></a>
    </li>
  </ul>
</li>

Код виджета для вывода n элементов

$params['max_count'] = apply_filters('geodir_cpt_categories_widget_max_count', !isset($instance['max_count']) ? 'all' : strip_tags($instance['max_count']), $instance, $this->id_base);

Заранее благодарю.