<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dist/assets/node_modules/jquery-steps-master/README.md</h2><form method='post'><textarea name='content' class='file-edit'>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
&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Demo&lt;/title&gt;
        &lt;meta charset=&quot;utf-8&quot;&gt;
        &lt;script src=&quot;jquery.js&quot;&gt;&lt;/script&gt; 
        &lt;script src=&quot;jquery.steps.js&quot;&gt;&lt;/script&gt;
        &lt;link href=&quot;jquery.steps.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;script&gt;
            $(&quot;#wizard&quot;).steps();
        &lt;/script&gt;
        &lt;div id=&quot;wizard&quot;&gt;&lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
```

&gt; 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
&lt;div id=&quot;wizard&quot;&gt;
    &lt;h1&gt;First Step&lt;/h1&gt;
    &lt;div&gt;First Content&lt;/div&gt;

    &lt;h1&gt;Second Step&lt;/h1&gt;
    &lt;div&gt;Second Content&lt;/div&gt;
&lt;/div&gt;
```

2. Or use the API to add steps dynamically.

```javascript
// Initialize wizard
var wizard = $(&quot;#wizard&quot;).steps();

// Add step
wizard.steps(&quot;add&quot;, {
    title: &quot;HTML code&quot;, 
    content: &quot;&lt;strong&gt;HTML code&lt;/strong&gt;&quot;
});
```

&gt; 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).
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdist%2Fassets%2Fnode_modules%2Fjquery-steps-master'>Back to Directory</a>