search

jellekralt / Responsive-Tabs

Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
http://jellekralt.github.io/Responsive-Tabs/
MIT License
531 stars 228 forks source link

FOUT #150

Open jahdakine opened 5 years ago

jahdakine commented 5 years ago

Hi, This is one of the better tabbed interfaces I've used. A slight nit, there is a flash of unstyled text (namely the tab text as a list and content - which is always shows the default tab content no matter what tab is loading).

neilgee commented 5 years ago

I set the ul to have a class of hidetabs with CSS of display:none; so it doesn't display until the page is loaded then when firing the jQuery remove the class

  $('#tabs1').removeClass('hidetabs');
    $('#tabs1').responsiveTabs({
        startCollapsed: 'accordion',
        // Add other parameters
     });