Dropline menu JavaScript delay

  • Northern Badger

    (@bassmanstu)


    9 years, 6 months ago

    I have created a dropline menu. I’m using a WordPress theme that is using the Foundation 5 framework. The second level menu was not very easy to use I have added some JavaScript to add a delay to the 2nd level menu disappears. This JavaScript is meant to:

    – Add a delay to the 2nd level menu so that if you hover outside the menu the 2nd level menu doesn’t instantly disappear

    This is working in a way but is causing a few issues

    1. Sometimes when you pause hovering over the top level menu items you then can’t keep hovering and see other top level item’s sub menus.
    2. I am having to use the same time delay value for top level item hover and the value that sets how long a user has been outside the menu before it disappears. This is causing a problem as if there is enough time to reach 2nd level menu items, then hovering over the top level menu becomes very clunky

    Any tips would be really appreciated! I havent included all of the HTML for the menu as its quite long

    http://jsbin.com/yawewoqupu/edit?html,js,output

  • The topic ‘Dropline menu JavaScript delay’ is closed to new replies.