The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › nav bar where each list disappears when another list is hovered.
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.
Sure: http://codepen.io/Paulie-D/pen/488842da8d7807b7b924d0b5637589d3
Ignore the JS, it’s not integral to the operation of the menu.
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.
Very cool, guys! Thanks for the help!