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: {{ x.name }}
        
        <hr />
        
        <div id="step1" ng-if="step == 1">
            <input ng-model="x.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.x={name :"This is the name model"};

    $scope.step = 1;

    $scope.setStep = function (step) {
        $scope.step = step;
    }
}