The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Have a clickable menu show the submenu and mouseOut Hides it

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #40356

    This is gonna be a long explanation and I am very new to this so bear with me …
    I am trying to create a vertical menu that displays a submenu when the main list Item is clicked. I have gotten everything to work minus the mouseOut/mouseLeave part. It seems that my submenus are in an absolute position which is located on/behind the main menu item. I guess it starts there but when the page is loaded I have some javascript to decide it’s location so that no matter the resolution the submenu is always to the right of the main menu. This is the code:
    $(“#navMenu li li”).css(“left”,$(“#navMenu”).css(“width”));
    So when I click the mainMenu the sub menu appears but if I move to where the submenu “starts” before the page is loaded the submenu will go away.
    I have tried an if statement such as to have the submenu stay up if the mouse is either on the main component of its submenu. I have no idea if you can even do this with javascript..
    $(“#AboutUs, this”).bind(‘mouseleave’,function(){if($(“ul #SubLayerAboutUs”).mouseout()){ $(“ul #SubLayerAboutUs, this”).css(“visibility”,”hidden”);
    I am really new at this so any help/direction would be greatly appreciated!

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.