When I click on the image or text I want to hide this current div and show another div which also use ng-repeat 

this code html to show primary image with text :

```
<div class="img-container" ng-repeat="sign in signs.List">
   <img class="animated" ng-src="{{sign.animated_src}}" width="200" height="150" />

<div>{{sign.texte}}</div>
</div>

```

For example I have 4 image with text (number, alphat, ...)

click in text number => show this div that contains this and hide the other

```
<div class = "img-container" ng-repeat = "sign in signs.number">
    <Img class = "animated" ng-src = "{{sign.animated_src}}" width = "200" height = "150"/>
<div> {{sign.texte}} </ div>
</div>

```

click in alphat => show this div that contains this and hide the other

```
<div class = "img-container" ng-repeat = "sign in signs.alphat">
    <Img class = "animated" ng-src = "{{sign.animated_src}}" width = "200" height = "150"/>
<div> {{sign.texte}} </ div>
</div>

```