Disappearing Drop-down Menu and Auto Hover

Ask the community
,
1

Hi Everyone! i’m not really familiar coding, let’s say beginner :slight_smile: I have been working on my website which is multi languages and started have problem about drop-down menu. I’m not able to create Drop-down menu in other languages. I solved it with light box but it’s not good as subpage.
Here is my question:

  1. How can i create a disappearing drop-down menu? Need same help with CSS…
  2. How can i create a Auto Hover (hover when move over the menu) Need same help with CSS…
    Thank you so much!!!
2

Hey Aybike,

Check out this example which i think demonstrate how to build something like you’re looking for -

If you don’t want the menu to collapse/expand on click but on hover, you will just need to call the “toggleFold” function from the “onMouseIn” & “onMouseOut” event handlers.

Good luck… let me know if you need additional help

3

Thank you so much!

4

Hey can you please explain the coding part in depth? I want to create a drop down menu on hover but i dont know where to start?

5

This code will fixed megamenu onhover

$w . onReady ( function () {

$w ( '#RollerShadesBtn' ). onMouseIn (( event ) => { 
    $w ( "#SolarShadesBox" ). show ();  
}); 
$w ( '#SolarShadesBox' ). onMouseIn (( event ) => { 
    $w ( "#SolarShadesBox" ). show ();  
}); 
$w ( '#RollerShadesBtn' ). onMouseOut (( event ) => { 
    $w ( "#SolarShadesBox" ). hide ();  
}); 
$w ( '#SolarShadesBox' ). onMouseOut (( event ) => { 
    $w ( "#SolarShadesBox" ). hide ();  
});

});