The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

nav bar where each list disappears when another list is hovered.

  • # June 6, 2013 at 4:38 pm

    I really like [AOL]( “AOL”)’s main navigation bar.

    It doesn’t have a bunch of clunky dropdowns.

    Is there a way to do this with a little bit of simple CSS?

    If it can only be done with Jquery then that’s fine.

    # June 6, 2013 at 5:06 pm


    Ignore the JS, it’s not integral to the operation of the menu.

    # June 6, 2013 at 5:07 pm

    Did you see how they are doing it? It’s easily done with CSS only. The only reason they are using any JS is because they want to have something always showing, which means toggling classes.

    # June 6, 2013 at 6:37 pm

    Very cool, guys! Thanks for the help!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed