Search code examples
tabsfadezurb-foundation

Fade in tabs in Zurb Foundation?

I'm trying to figure out if there's setting to fade in tabs nicely in Zurb Foundation.

If not, does anyone know the best way to achieve this manually?

What to target in jQuery?

Thanks.

Solution

  • Replace this line of code u.css("display","block").addClass("active") with u.fadeIn('slow').addClass("active") on line 49 of foundation.min.js

    if you are using the uncompressed js
    NB: i have not tested for uncompressed js
    Replace this line of code $content.css('display', 'block').addClass('active'); with $content.fadeIn('slow').addClass('active'); on line 36 of jquery.foundation.tabs.js