search

circlingthesun / angular-foundation-6

Foundation 6 directives for Angular 1.5+
http://circlingthesun.github.io/angular-foundation-6/
Other
95 stars 50 forks source link

Accordion animation #41

Closed auban closed 7 years ago

auban commented 7 years ago

Hello,

How to animate the accordion?

Thanks

Auban

circlingthesun commented 7 years ago

I've updated the accordion to use ng-hide. You should be able to animate it with something like this now:

.accordion-content {
  max-height: 499px;
  transition: 0.3s all ease-in-out;

  &.ng-hide {
    max-height: 0;
  }

  &.ng-hide-add,
  &.ng-hide-remove {
    display: block !important;
  }
}
circlingthesun commented 7 years ago

I assume that answered your question.