jQuery tutorial

DROP-DOWN MENU

Simple drop-down

Two simple implementations of a drop-down menu, exploiting also some CSS3 features (new selectors and round borders).

Example of a simple drop-down menu, relying on the fadeIn() and fadeOut() effects.

Click of the first entry (i.e. Home) to collapse the menu.

Example of a simple drop-down menu, exploiting the callback mechanism and the fadeToggle() effect.

Click of the first entry (i.e. Home) to collapse the menu.

Remark: these drop-down menu are home-made solutions created to show some simple jQuery applications.
For a real enterprise usage, we suggest to rely on the accordion widget offered by the jQueryUI extension.

HOME