I have repeater2 on my page and 2 containers the switch element resides inside a sub container ‘headerBox1’ and displays a 2nd container fold1 when the switch changes. (modified an example from the wix site)
this code works, except because it is inside the repeater when I click on the switch it shows the fold container on all records in the dataset but doesn’t update the switch on records.
I’d prefer the switch change only shows/hides the current record’s container - fold1.
How do I modify my code to achieve this? - thanks
export function switch1_change(event) {
//Add your code for this event here:
toggleFold(1);
}
function toggleFold(index) {
let $fold = $w(‘#fold’ + index);
// toggle the fold at the index
if ($fold.collapsed) {
$fold.expand();
}
else {
$fold.collapse();
}
}