Jquery tab menu Wizard Plugin

After looking for a jquery plugin that will emulate a windows wizard I decided to make my own (with the help of cody lindley’s css step menu).

 

 

The code:

First we need a simple javascript function will hide and display a div, this method is used with jquery

function loadnext(divout,divin){$("." + divout).hide();$("." + divin).fadeIn("slow");}

Next the html code, notice how each step is wrapped in the ID wizardwrapper and each div is assigned a class for the corresponding step number.

Step 1

Step 2

Step 3

Step 4

Step 5

Download: http://www.htmldrive.net/items/download/739

Leave a comment