Forums

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

Home Forums JavaScript Making a Sub Menu for a nav not neccesarily a drop down menu

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #42772

    I want a nav menu where i can hover one nav element and reveal a sub menu beneath it. If you go to this site
    [http://thematrix101.com/matrix/](http://thematrix101.com/matrix/ “Matrix 101 dotCom”)

    you can see that The Matrix nav is clicked and beneath that is a series of other menus. What i want is that effect but to happen on a hover effect for each nav. i don’t want to have to click each nav to reveal its sub menu.

    #124851
    Paulie_D
    Member

    Please don’t copy ANY code from the linked site.

    It’s not using an actual menu for the ‘sub-menu’ just a bunch of links all jammed in as text….plus it’s built using tables.

    #124959

    That was so helpful thank you. I’ll be sure to ask you every time. Clearly i know what the code would look like.

    #124981
    Paulie_D
    Member

    Then perhaps you would care to show us how far you have gotten in Codepen so we can assist you further.

    #124990

    #124993
    Paulie_D
    Member

    >Clearly i know what the code would look like.

    We’re willing to help you with the bits you can’t get but if you won’t even help yourself….

    #125006

    i don’t know any of the bits. That’s why i asked the question so vaguely other than the conceptual idea of “a nav with a hover state that reveals a horizontal sub menu beneath each NavLink” and a provided link to support the idea.

    My Question again was….
    “I want a nav menu where i can hover one nav element and reveal a sub menu beneath it. If you go to this site http://thematrix101.com/matrix/

    you can see that The Matrix nav is clicked and beneath that is a series of other menus. What i want is that effect but to happen on a hover effect for each nav. i don’t want to have to click each nav to reveal its sub menu.”

    Each menu must be aligned horizontally, as in the example of the matrix 101 site. Each NavLink having a hover effect that shows this horizontal sub menu.

    #125022
    Paulie_D
    Member

    >Clearly i know what the code would look like.

    Then this wasn’t true?

    Have you tried **anything** yet or am I misjudging your level of expertise in HTML & CSS?

    I’m happy to ‘get you over the hump’, but I’m not going carry you up the hill.

    #125024
    nordstromdesign
    Participant
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.