Mousein event within a repeater

Hello, here’s what I’m trying to do:
User hovers cursor over one image, a red box appears highlighting the item.

Here’s where I got to:
The box appears at mousein as expected, but it also appears on all the other items in the repeater. How do i fix this?

This is the code I have:

export function image2_mouseIn_1(event) {
//Add your code for this event here:
$w(“#box2”).show();
}

export function image2_mouseOut_1(event) {
//Add your code for this event here:
$w(“#box2”).hide();
}

Thank you.

You need to look into using the Repeater API.
https://www.wix.com/corvid/reference/$w.Repeater.html

See here for more info.
https://itnext.io/corvid-by-wix-imitating-hover-event-on-repeater-container-a65f4b6e0301
https://shoonia.netlify.com/corvid-imitate-hover-event

Nayeli (Code Queen) also has a good tutorial about it that might be perfect for what you are needing to do on your page.
https://support.totallycodable.com/en/article/create-animation-on-one-repeater-item-at-a-time-using-wix-code

Thank you very much @givemeawhisky !!

HRH Nayeli’s tutorial worked perfectly!