Button to change slidebox index

I’m trying to create a 3-button radio-type config, where when I click on one button in the header, it goes to the respective slide slide index.

If I click on Dinner, I would like the sidebox to go to index = 3, and so on.

I see in github that there is a method to do this:

$scope.$on('slideBox.setSlide', function(e, index) {

I’m not sure however how to implement this.

Thanks for your help

I just found the answer on this forum:

For future reference, I used this line to set the slide number:

$scope.$broadcast('slideBox.setSlide', 0);