jQuery Steps – An all-in-one wizard plugin that is extremely flexible, compact and feature-rich.
jQuery Steps is a smart UI component which allows you to easily create wizard-like interfaces. This plugin groups content into sections for a more structured and orderly page view. Furthermore, it is as simple as 1-2-3 to add plugins such as jQuery Validation which can prevent step changing or submission. Check out the demos and get a first-hand impression!
Features
- Accessability support
- Make it visible for everyone without extra work – just use it.
- Async content loading
- Load your content asynchronously via AJAX by calling e.g. aREST service.
- Cool transition effects
- Beautiful & sleek transition effects complete the offer.
- Dynamic Manipulation
- Add or remove steps dynamically via API.
- Easy Navigation
- Navigate in various different way using the keyboard, steps or pager – it is up to you.
- State Persistence
- Enable theÂ
saveState option – this will save your current step position of each individual wizard *.
- Form validation made easy
- Embed a validation plugin of your choice and customize it like you want – it is just that simple.
- Embedded iframe content
- Embed your content via anÂ
iframe – it feels like it would be a part of your site. - Keyboard navigation
- Use your keyboard to navigate through your content.
- Multiple wizards
- Have multiple wizards on one page or even have nested wizards like you want.
- Vertical Navigation
- Switch to vertical navigation if you nee
- <!DOCTYPE html>
- <html>
- Â Â Â <head>
- Â Â Â Â Â Â Â <title>Demo</title>
- Â Â Â Â Â Â Â <meta charset=“utf-8”>
- Â Â Â Â Â Â Â src=“jquery.js”>
- Â Â Â Â Â Â Â src=“jquery.steps.js”>
- Â Â Â </head>
- Â Â Â <body>
- Â Â Â Â Â Â Â
- Â Â Â Â Â Â Â Â Â Â Â $(“#wizard”).steps();
- Â Â Â Â Â Â Â
- Â Â Â Â Â Â Â
id=“wizard”>
- Â Â Â </body>
- </html>
-
-
id=“wizard”>
- Â Â Â
First Step- Â Â Â
First Content- Â
- Â Â Â <h1>Second Step</h1>
- Â Â Â
Second Content- </div>
Website: http://www.jquery-steps.com/GettingStarted
Thanks,
Web Editor
- Â Â Â
-