AngularJS Example:
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div ng-app>
<div ng-controller="Ctrl">
The current name is: {{ name }}
<hr />
<div id="step1" ng-if="step == 1">
<input ng-model="name" type="text" placeholder="Enter a name" />
</div>
<div id="step2" ng-if="step == 2">Here is the second page</div>
<hr />
<div class="step" ng-click="setStep(1)">1</div>
<div class="step" ng-click="setStep(2)">2</div>
</div>
</div>
CSS
.step {
float: left;
padding: 15px;
margin-right: 10px;
background-color: black;
color:white;
}
JavaScript
function Ctrl($scope) {
$scope.name = "This is the name model";
$scope.step = 1;
$scope.setStep = function (step) {
$scope.step = step;
}
}