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:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Facebook Style Dropdown Menu

    CSSDeck G+