Hover effect on individual items in a repeater

Ask the community
,
7

Hey again y’all - I’m working with this bit of code that LMeyer wrote up, but I’m having a little trouble with it. The hover effect is working but it’s slow and glitchy. Could anyone point me in the right direction to fix this?

This is the URL where I’m working: https://nicemannerstv.wixsite.com/nicemanners

export function container1_mouseIn(event) {
    $w("#repeater1").onItemReady(($item, itemData, index) => {
 if (event.context.itemId === itemData._id) {
            $item("#box1").show();
        }
    })
}

export function container1_mouseOut(event) {
    $w("#repeater1").onItemReady(($item, itemData, index) => {
 if (event.context.itemId === itemData._id) {
            $item("#box1").hide();
        }
    })
}