angularjs mostrar / ocultar guias, clique na mesma guia para ocultar o conteúdo
quando clico na guia A, mostra um conteúdo
quando clico na guia B, um conteúdo oculto mostra o conteúdo B
mas o efeito que eu quero é quando clico na guia A, A mostra o conteúdo, clique na guia A novamente, ocultar o conteúdo.
Qualquer sugestão será ajuda obrigado
<ul class="row text-center">
<li class="col col-33">
<a href="javascript:void(0);" ng-class="{selected: tab==a}" ng-click="tab = a ">a <i class="icon ion-arrow-down-b"></i></a>
</li>
<li class="col col-33">
<a href="javascript:void(0); " ng-class="{selected: tab==b}" ng-click="tab = b ">b <i class="icon ion-arrow-down-b"></i></a>
</li&,gt;
<li class="col col-33">
<a href="javascript:void(0);" ng-class="{selected: tab==c}" ng-click="tab = c ">c <i class="icon ion-arrow-down-b"></i></a>
</li>
</ul>
<div class="a" ng-show="tab == a">a</div>
<div class="b" ng-show="tab == b">b</div>
<div class="c" ng-show="tab == c">c</div>