Нумерация страниц в экспресс-приложении

У меня есть массив объектов json, которые создаются функцией, когда работает мое экспресс-приложение. Если есть только один объект, он получает визуализацию следующим видом нефрита

p You searched for '#{prop}'
  h2 Result
    if response
      -var numResults = response.hits.total
      #numResults
      p Number of hits #{numResults}
        -for (var i = 0; i < numResults; i++) {
          pre= JSON.stringify(response.hits.hits[i], null, ' ')
        -}
    else
      p No Matches

Если есть более двух объектов для рендеринга, все они отображаются в настоящее время один за одним на странице. Я бы предпочел просто отобразить один объект, а под ним - prev и next кнопки, которые позволят пользователю циклически перебирать другие объекты, т.е. Только один объект, отображаемый одновременно в одном и том же месте на странице. Каков наилучший способ справиться с этим?

Если я буду следовать подходу, как показано ниже, то я могу переключать видимость, но вместо того, чтобы показывать все или ничего, я хотел бы перебирать элементы, т.е. по умолчанию отображается элемент 1, нажмите, чтобы показать только элемент 2, снова для элемента 3 и т.д.

script.
  function toggledisplay(elementID)
    {
      (function(style) {
        style.display = style.display === 'none' ? '' : 'none';
      })(document.getElementById(elementID).style);
    }


a(href="#" title="Show Tags" onClick="toggledisplay('changethis');") Show All Tags
ul(class="subforums" id="changethis" style="overflow-x: visible; overflow-y: visible; ")
  li Item 1
  li Item 2
  li Item 3