javascript — кнопки «Предыдущая / Следующая» для фрагментов массива PHP

Я пытаюсь создать несколько следующих / предыдущих кнопок для формы, которая использует внешний массив XML. Я разделил массив на части с планом навигации между каждым фрагментом с помощью кнопок «следующий / предыдущий». Мне удалось заставить его работать (вроде), в результате чего у меня есть соответствующие кнопки «Далее» и «Предыдущий» для каждого блока, но мне, очевидно, нужна только одна из каждой кнопки на экране. Я боюсь, что, возможно, поступил неправильно … Возможно, это лучшая работа для javascript, чем для php?

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

Большое спасибо

     <?php
$xml=simplexml_load_file("../scSHARE/editor.xml");
$xml_array = (array) $xml;
$chunks=array_chunk($xml_array["Slot"], 4);
$i=1;

foreach($chunks as $bank){
?>
<div id="bank_menu" class="menu-item menu-item-<?php echo $i;?>" data-target=".bank_<?php echo $i; ?>">
<a href="">Next</a>
<a href="">Prev</a>
</div>
<?php $i++;}?>