Help with $w("#repeater elements") and .getCurrentItem()

Hi All,
I really need some help. I just can’t seem to figure out what I’m doing wrong. I’m trying to use 3 repeaters or my services, one for the initial display, one for more info, and one for available booking times. The initial display repeater is set to show immediately upon page load, while the other two are hidden until a button click event shows them. The show and hide events are working perfectly. But, I have not been able to successfully get only the selected item to load in the 2nd and 3rd repeaters.

This is the coding I think I am supposed to use:

$w.onReady( function () {
$w(‘#Classrepeatercontainer’).onClick( (event) => {
let $item = $w.at(event.context);
let clickedItemData = $item(‘#Servicesdataset’).getCurrentItem();
} );

But, I am also using a button click event inside of the same container that hides the class repeater and shows the service details repeater. So I tried combining the 2 events in the code below, but that still did not select only the item in the container where the “more info” button was clicked.

export function MoreInfo_click(event) {
$w(‘#Classrepeater’).hide();
$w(‘#ServiceDetailsrepeater’).show();
let $item = $w.at(event.context);
let clickedItemData = $item(‘#Servicesdataset’).getCurrentItem();

I literally have know idea what I should try next. Can someone please help me? I have paid for a full year of Wix and I’m excited about what might be rolled out in the future. But, I really need to get my site fully functioning before I lose all of my customers!

Thanks in advance!