jquery accordion menus

21

Upload: dainis-graveris

Post on 11-Aug-2014

120 views

Category:

Design


8 download

DESCRIPTION

Learn about jQuerry Accordion Menus and how to use them in your website!

TRANSCRIPT

Page 1: jQuery Accordion Menus
Page 2: jQuery Accordion Menus

Accordion menus are used widely in navigating, sliding, minimizing and maximizing content.

Page 3: jQuery Accordion Menus

Words like this are links-you can click them!

Page 4: jQuery Accordion Menus

Accordionza – jQuery Plugin

• Many features

• Keyboard navigation

• Lightweight — only 3kB

• Solid — No wobbly edges

• Flexible — 3 accordion styles are included

• All content is still viewable without JavaScript enabled

Page 5: jQuery Accordion Menus
Page 6: jQuery Accordion Menus

jQuery UI Demo

See examples of different use of accordion, see how to set it up, get the source and read about options and theming.

Page 7: jQuery Accordion Menus

Grid Accordion

Combines a thumbnail grid and an accordionpanel, offering you an interesting method todisplay your portfolio. Use either XML or HTML.

Page 8: jQuery Accordion Menus
Page 9: jQuery Accordion Menus

Stupid Simple jQuery Accordion Menu

Very detailed tutorial. You can also view the demo anddownload all files.

Page 11: jQuery Accordion Menus

Making Accordion Menu

2 examples of accordion. See the tutorial anddownload source files as well.

Page 13: jQuery Accordion Menus

jQuery Examples –Horizontal Accordion

Page 14: jQuery Accordion Menus

Accordion Menu Screencast Tutorial

Learn how to build a simple, unobtrusive, accordion style menu using basic events and animations.

Page 15: jQuery Accordion Menus

Regular and Hover Accordion Menus

Page 16: jQuery Accordion Menus

How to Create a CustomjQuery Accordion

Create an accordion using the jQuery UI function,then create one using some custom coding. You’ll beusing a blog sidebar as an example.

Page 19: jQuery Accordion Menus

Create Simplest Accordion Menu using jQuery

Another simple tutorial how to create standard accordion menu. View demo and download files.

Page 20: jQuery Accordion Menus

Javascript Accordion Menu Wizard

Image based site navigation menu. Supportshorizontal and vertical accordion menus.