Menu icon Foundation
Can I animate transitions using Responsive Accordion Tabs?

The Responsive Accordion Tabs utility hides and shows each tab content by display:none and display:block. I can't animate these but would like to do a transition when switching tabs, such as have the content at least fade-out/in or even slide in from the right.

I tried using the Motion UI data attributes but it didn't change anything. 

Can I apply any animations to these tabs? Only the tabs matter, as the accordion already slides open/closed.

Thanks

tabsaccordionanimatetransition

The Responsive Accordion Tabs utility hides and shows each tab content by display:none and display:block. I can't animate these but would like to do a transition when switching tabs, such as have the content at least fade-out/in or even slide in from the right.

I tried using the Motion UI data attributes but it didn't change anything. 

Can I apply any animations to these tabs? Only the tabs matter, as the accordion already slides open/closed.

Thanks