Angular 1.4.9: Empty Fiddle
http://angularjs.org/
HTML
<script src="https://code.angularjs.org/1.4.9/angular.js"></script>
<div ng-controller="MyCtrl">
<a class="first-menu" ng-click="click(1)" href="#">First link</a>
<a class="second-menu" ng-click="click(2)" href="#">Second link</a>
<a class="third-menu" ng-click="click(3)" href="#">Third link</a>
<div class="first-menu-div" ng-show="cClass == 1">
This is first MENU
</div>
<div class="second-menu-div" ng-show="cClass == 2">
This is Second MENU
</div>
<div class="third-menu-div" ng-show="cClass == 3">
This is Third MENU
</div>
</div>
CSS
div {
//display: none;
margin-top: 100px;
background: orange;
padding: 50px;
}
.second-menu-div {
background: yellow;
}
.third-menu-div {
background: #6600ff;
}
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
myApp.controller('MyCtrl', function($scope) {
$scope.click = function(item){
$scope.cClass = item
}
});