Menu icon Foundation

Coder | Atlanta, GA

I'm a Senior UI Developer in Atlanta. Love using Sass, Foundation, JS, and Tools to code responsive websites.

My Posts

No Content

My Comments

Chris Morrow commented on Asif's post over 4 years

CSS only solution. Works great for me. Not IE 9 and under does not support CSS transitions.

// SCSS (convert to css if you need to)
.accordion .accordion-navigation > {
  a { position:relative; z-index: 10;}
  .content {
    //  display:block; overflow:hidden;
    padding:0 0.9375rem;
    height:0; display:block;
    @include opacity(0);
    transition: all 0.5s ease;

    &.active { height: auto; padding: 0.9375rem; @include opacity(1); }
  }
}

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Asif's post over 4 years

CSS only solution. Works great for me. Not IE 9 and under does not support CSS transitions.

// SCSS (convert to css if you need to)
.accordion .accordion-navigation > {
  a { position:relative; z-index: 10;}
  .content {
    //  display:block; overflow:hidden;
    padding:0 0.9375rem;
    height:0; display:block;
    @include opacity(0);
    transition: all 0.5s ease;

    &.active { height: auto; padding: 0.9375rem; @include opacity(1); }
  }
}

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content