How can I incorporate an accordion into my website footer?

Store Design
20

basically you would grab the classes and add this to them to transition

.grid .footer-block__heading + .footer-block__details-content {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: all .2s ease-out;
    overflow: hidden;
    margin-bottom: 3rem;
  }