Foro

Show and hide

0
Hola quería saber si de alguna manera se puede hacer un collapse de todos los elementos, asi como un collapse individual

<button class="btn btn-default btn-show" ng-click="show = !show">
         <i class="glyphicon" ng-class="{'glyphicon-eye-close': show, 'glyphicon-eye-open':!show}"></i> 
         <span ng-if="!show">Mostrar Todo</span>
         <span ng-if="show">Ocultar Todo</span>
     </button>
<div class="contenedor">
     <button class="btn btn-default btn-show" ng-click="show = !show">
         <i class="glyphicon" ng-class="{'glyphicon-eye-close': show, 'glyphicon-eye-open':!show}"></i> 
         <span ng-if="!show">Mostrar</span>
         <span ng-if="show">Ocultar</span>
     </button>
     <div class="col-sm-12 files" ng-show="show">
          //elementos a mostrar
     </div>
</div>
<div class="contenedor">
     <button class="btn btn-default btn-show" ng-click="show = !show">
         <i class="glyphicon" ng-class="{'glyphicon-eye-close': show, 'glyphicon-eye-open':!show}"></i> 
         <span ng-if="!show">Mostrar</span>
         <span ng-if="show">Ocultar</span>
     </button>
     <div class="col-sm-12 files" ng-show="show">
          //elementos a mostrar
     </div>
</div>


Espero me entiendan que es lo que quiero hacer, saludos y muchas gracias

2 Respuestas

Mejores votos Por fecha Solución
0
Te refieres a collapsar divs? Podrías crear una clase collapsed, esta clase la puedes agregar dinámicamente utilizando la directiva ng-class, algo así.

<div ng-class="{collapsed: !show }"></div>

Esa clase tendría el CSS necesario para colapsar el div.

Saludos 

Javier Ruiz : excelente no lo había pensado así, gracias por la yuda 03/12/2014

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.

Tags

Angular JS