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

hi Dev Team #83

Closed mahendaraReddy closed 8 years ago

mahendaraReddy commented 8 years ago

After loading the page it take some time to load the tabs why?

1st its showing simple tabs with Tab Names then after few seconds loading tabs in chrome and firefox.

jellekralt commented 8 years ago

Hi there, could you be a bit more specific to what is actually happening? For me the tabs load instantly in all browsers.

geezer78 commented 8 years ago

Hi There, i see what mahendaraReddy means, i have the same "issue". on initial loading of the page the "divs and other items are not styled yet. they only get their css class after the script starts. on slower connections a page can take some time to load but you already see the original tabs. but unstyled.

i just tried a quick hack by adding the styles and extra divs (headings) upfront, but this created double heading divs. if i only put the styling on you see the tabs already but without heading. the heading then comes after full page loaded.

mahendaraReddy commented 8 years ago

yes i agree with you "geezer78" same issue here.

jellekralt commented 8 years ago

Yes, this is unfortunately unavoidable if you load scripts after your content, same thing happens with (for instance) jQuery UI Tabs. You could solve this by hiding the tabs before load with a class and removing it after load. I am not planning on adding anything to the plugin to solve this.