Grow your CSS skills. Land your dream job.

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

  • # June 6, 2013 at 4:38 pm

    I really like [AOL](http://www.aol.com “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

    Sure: http://codepen.io/Paulie-D/pen/488842da8d7807b7b924d0b5637589d3

    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.

*May or may not contain any actual "CSS" or "Tricks".