Ajax Loader
×

Facebook Style Dropdown Menu

I have tried to make the dropdown here in pure HTML/CSS with minimal markup. Didn't make use of any icons from the original dropdown though.

The idea to build this came from a demo made by Tom Schoffelen. His demo makes use of Javascript for the dropdown. Hence i decided to use his existing CSS and work on it to get rid of the JS entirely and build a pure CSS dropdown. The creation makes use of the CSS3 :target pseudo class to determine the click on the dropdown and opens it.

I could'nt make the dropdown collapse on clicking outside it. Although this is experimental and for fun, I still think that using Javascript is a better approach and provides more intuitiveness.

Unfortunately, the demo wont work in IE8 and below.

Related:

HTML
 
1
 
 
CSS
 
1
 
 
JavaScript
 
1
 
 

Facebook Style Dropdown Menu

CSSDeck G+