Menu icon Foundation
Tabs closing on click, and using motion UI?

Hi there,

I am looking to re-create a tab menu like on http://crossfitunionsquare.com/ (Where it says classes, today's WOD) I have created the tabs but I cannot see in the documentation anywhere how to get the tabs to 'close' again on click of the title tab... I am a designer with only html and css knowledge so I may need some help with JS!

Also i've tried using data-animate="fade-in" on both the tab titles and content, with no luck... i've included the motion UI CSS in the head (I'm not quite at the level to use sass (Yes, I know I need to learn).

Thanks in advance... :)

 

 

tabsMotion UIClick Eventsclose

Hi there,

I am looking to re-create a tab menu like on http://crossfitunionsquare.com/ (Where it says classes, today's WOD) I have created the tabs but I cannot see in the documentation anywhere how to get the tabs to 'close' again on click of the title tab... I am a designer with only html and css knowledge so I may need some help with JS!

Also i've tried using data-animate="fade-in" on both the tab titles and content, with no luck... i've included the motion UI CSS in the head (I'm not quite at the level to use sass (Yes, I know I need to learn).

Thanks in advance... :)

 

 

aamir khan over 1 year ago