Simple drop down mneu coding

Ask the community
1

Hello,
I am trying to create a simple drop down menu. I wanted to do it with container box and a repeater which is set as collapsed at the beginning.

You can look at https://www.unibind-menu.cz/ to see what I am trying to the in the menu. The problem is with the arrow next to the last menu item. The menu drops only when you hover over the text but not the arrow. I didn’t find any other solution other than create a whole new custom drop down menu with an icon.

But nothing seems to be working.

Is it true that container box cannot be set with the onMouse(In,Enter etc) function?

This a chat GPT code, but it’s not working.

$w.onReady(function () {

$w("#menuBox").onMouseEnter(() => {
    $w("#repeater3").expand();
});


$w("#menuBox").onMouseLeave(() => {
    setTimeout(() => {
        if (!$w("#repeater3").hasFocus) {
            $w("#repeater3").collapse();
        }
    }, 200); 
});


$w("#repeater3").onMouseEnter(() => {
    $w("#repeater3").expand();
});


$w("#repeater3").onMouseLeave(() => {
    $w("#repeater3").collapse();
});

});

Can somebody help me please? Thank you.