How can I make only one element to show in angularjs?

See more:

Javascript

HTML

AngularJs

I have two elements, only one of them is supposed show at the same time while the other element is supposed to be hidden until the active element is made to disappear (button click)

I can't seem to get this to work, I have tried everything I can think of, please help me am new to angularJS

What I have tried:



I have this in my controller

.......
$scope.show = true;
$scope.toggle = function (){
$scope.show =!$scope.show;
}
.......

the first element disappear when I click a button but the second one doesn't appear.