Hello, Right now I have a repeater (linked to a database) where if you hover over the image, it shows a grey filter (box1) and text ontop (text11). (Code below)
export function container1_mouseIn_1(event, $w) {
$w('#box1').show();
$w('#text11').show();
}
export function container1_mouseOut_1(event, $w) {
$w('#box1').hide();
$w('#text11').hide();
}
If I use show("fade", {duration:100}); and hide("fade", {duration:100}); though, box1 and text 11 never gets hidden if I move my mouse over it too fast, and remains until I hover over and out again slower. Is there a way to have it so that this doesnt happen and that itll always hidden if the mouse is outside of the container?
Thanks
You could use this example:
https://www.wix.com/corvid/example/collapse-elements
Tweak it a little so that is uses hide and show, and insert it into your repeater's onItemReady function.
Can someone help me with this?