Skip to content

Instantly share code, notes, and snippets.

@mstratman

mstratman/test1.html

Created November 2, 2012 13:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mstratman/4001360 to your computer and use it in GitHub Desktop.
Save mstratman/4001360 to your computer and use it in GitHub Desktop.
Download ZIP
Trying to reproduce smartwizard+tabs problem
Raw
test1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Smart Wizard 3 - Basic Example - a javascript jQuery wizard control plugin</title>
<link href="http://mstratman.github.com/jQuery-Smart-Wizard/styles/demo_style.css" rel="stylesheet" type="text/css">
<link href="http://mstratman.github.com/jQuery-Smart-Wizard/styles/smart_wizard.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://mstratman.github.com/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script>
<link href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabs1").tabs({ selected: 0 });
$("#tabs2").tabs({ selected: 0 });
$('#wizard').smartWizard();
});
</script>
</head><body>
<h2>Example: Basic Wizard</h2>
<div id="wizard" class="swMain">
<ul>
<li>
<a href="#step-1">
<label class="stepNumber">1</label>
<span class="stepDesc">
Step 1<br />
<small>Step 1 description</small>
</span>
</a>
</li>
<li><a href="#step-2">
<label class="stepNumber">2</label>
<span class="stepDesc">
Step 2<br />
<small>Step 2 description</small>
</span>
</a></li>
</ul>
<div id="step-1">
<h2 class="StepTitle">Step 1 Content</h2>
<p>step1</p>
<div id="tabs1">
<ul>
<li><a href="#tab1a">tab 1</a></li>
<li><a href="#tab1b">tab 2</a></li>
</ul>
<div id="tab1a">
This is tab 1
</div>
<div id="tab1b">
This is tab 2
</div>
</div>
</div>
<div id="step-2">
<h2 class="StepTitle">Step 2 Content</h2>
<p> step 2 </p>
<div id="tabs2">
<ul>
<li><a href="#tab2a">tab 1</a></li>
<li><a href="#tab2b">tab 2</a></li>
</ul>
<div id="tab2a">
This is tab 1
</div>
<div id="tab2b">
This is tab 2
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment