https://github.com/rstaib/jquery-steps

A powerful jQuery wizard plugin that supports accessibility and HTML5.
https://github.com/rstaib/jquery-steps

Last synced: about 2 months ago
JSON representation

A powerful jQuery wizard plugin that supports accessibility and HTML5.

• Host: GitHub
• URL: https://github.com/rstaib/jquery-steps
• Owner: rstaib
• License: mit
• Created: 2013-05-02T20:40:19.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2021-01-22T20:14:36.000Z (over 3 years ago)
• Last Synced: 2024-05-17T05:43:12.128Z (4 months ago)
• Language: JavaScript
• Homepage: http://www.jquery-steps.com
• Size: 16.6 MB
• Stars: 1,687
• Watchers: 88
• Forks: 788
• Open Issues: 250
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
jQuery Steps Plugin [![Build Status](https://travis-ci.org/rstaib/jquery-steps.svg?branch=master)](https://travis-ci.org/rstaib/jquery-steps) [![Bower version](https://badge.fury.io/bo/jquery.steps.svg)](http://badge.fury.io/bo/jquery.steps) [![NuGet version](https://badge.fury.io/nu/jquery.steps.svg)](http://badge.fury.io/nu/jquery.steps)

============

A powerful jQuery wizard plugin that supports accessibility and HTML5.

## Getting Started

**jQuery Steps** is a lightweight wizard UI component written for **jQuery**.

Everything you need to start is:

1. Include **jQuery** and **jQuery Steps** in your HTML code.

2. Then select an element represents the wizard and call the `steps` method.

```html

    

        Demo

        

         

        

        

    

    

        

            $("#wizard").steps();

        

        


    


```

> For more information [check the documentation](https://github.com/rstaib/jquery-steps/wiki).

### How to add initial steps?

There are two ways to add steps and their corresponding content.

1. Add HTML code into the representing wizard element.

```html



    
First Step

    
First Content


    
Second Step

    
Second Content



```


2. Or use the API to add steps dynamically.

```javascript

// Initialize wizard

var wizard = $("#wizard").steps();

// Add step

wizard.steps("add", {

    title: "HTML code", 

    content: "HTML code"

});

```

> For more samples [check the demos](https://github.com/rstaib/jquery-steps/wiki#demo).

## Reporting an Issue

Instructions will follow soon!

## Asking questions

I'm always happy to help answer your questions. The best way to get quick answers is to go to [stackoverflow.com](http://stackoverflow.com) and tag your questions always with **jquery-steps**.

## Contributing

Instructions will follow soon!

## License

Copyright (c) 2013 Rafael J. Staib Licensed under the [MIT license](https://github.com/rstaib/jquery-steps/blob/master/LICENSE.txt).