Rotate Icons (or other elements) in the Accordion-Element

Snippet can be applied to the following tutorial(s)

All you need to do is adding a few simple Lines of CSS to let the Icons you have added into the Accordion Header rotate with the active/inactive state.

.wcd_accordion_header i {
  transition: all 0.4s ease-out;
}

.wcd_accordion_active i {
  transform: rotate(180deg);
}

You could expand that to every other element you would like to target. Just make sure to add .wcd_accordion_active to your selector to target the active state (expanded) state of the accordion!