• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 163
  • Last Modified:

Hiding tabs pannels when a page is uploaded


I am trying to integrate a spry tabbed panels module on a webpage but when the page is loading, all panels are temporarily displayed. I'd like to hide non default panels until the tab is clicked or hovered upon. I tried preloading images but it didn't help. http://www.defense-update.com/homepage_spry.html with
1 Solution
Jason C. LevineNo oneCommented:
Hi tamireshel,

It's a flaw in the design of web pages when you see that.  The HTML loads first, then the javascript changes the CSS to hide all but the default panel.  If you have enough stuff in the panels, the delay on a slower connection will result in what you noticed.
tamireshelAuthor Commented:
Thank you Jason1178. What do you recommend for the page I asked about? I tried preloading images. Should I also preload the javascripts? (js?) How?

Thanks - Tamireshel
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now