Form Wizard 2

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://sathomas.me/acc-wizard/css/acc-wizard.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://sathomas.me/acc-wizard/js/acc-wizard.min.js"></script>
<div class="row">
  <div class="lead well" style="padding-top: 0.1em; padding-left: 2em; padding-right: 2em;">
    <h2>Form Wizard 2</h2>
  </div>
</div>
<div class="row acc-wizard">
  <div class="col-md-3" style="padding-left: 2em;">
    <p style="margin-bottom: 2em;">
      Follow the steps below to add an accordion wizard to your web page.
    </p>
    <ol class="acc-wizard-sidebar">
      <li class="acc-wizard-todo acc-wizard-active"><a href="./Accordion Wizard for Bootstrap 3_files/Accordion Wizard for Bootstrap 3.html">Prerequisites</a></li>
      <li class="acc-wizard-todo"><a href="http://sathomas.me/acc-wizard/#addwizard">Add Wizard</a></li>
      <li class="acc-wizard-todo"><a href="http://sathomas.me/acc-wizard/#adjusthtml">Adjust HTML</a></li>
      <li class="acc-wizard-todo"><a href="http://sathomas.me/acc-wizard/#viewpage">Release</a></li>
    </ol>
  </div>
  <div class="col-md-9" style="padding-right: 2em;">
    <div id="accordion-demo" class="panel-group">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a href="./Accordion Wizard for Bootstrap 3_files/Accordion Wizard for Bootstrap 3.html" data-parent="#accordion-demo" data-toggle="collapse">
                  Install Bootstrap and jQuery
                </a>
          </h4>
        </div>
        <div id="prerequisites" class="panel-collapse collapse in">
          <div class="panel-body">
            <form id="form-prerequisites">
              <p>
                The...

JavaScript

function onNext(parent, panel) {
    hash = "#" + panel.id;
    $(".acc-wizard-sidebar", $(parent))
      .children("li")
      .children("a[href='" + hash + "']")
      .parent("li")
      .removeClass("acc-wizard-todo")
      .addClass("acc-wizard-completed");
  }
  $(window).load(function() {
    $(".acc-wizard").accwizard({
      onNext: onNext
    });
  })