Tabbed Content / Posts /

Content of all tabs visible on page load

Thanks for this. I notice that when the page initially loads, content of all tabs are visible for a few seconds before only the default tab content is shown. Any reason for this?
Ismail  10 years ago   viewed: 19986    

9 Answers

Hi Joe (and other stuck with this problem),

I've managed to resolve the problem. What Milo means in the above comment is to add style="display:none"; directly into your html div that is holding your tabcontent. 

So, for example:
<div class="tabcontents">
      <div id="tab1">
           tab 1 content here
       <div id="tab2" style="display: none;">
           tab 2 content here

Apply the style="display:none"; to each tab that you don't want to be be seen on the first load of the page containing all the tabs (and their content).

This solved the problem.
  10 years ago
Yes adding to each tab div that fixed it - thanks
Joe   10 years ago

This is wrong. after click tab also content is not loading

  4 years ago

I've come across the same problem. Updating the css to that code does not do the trick (just hides the entire content).

Any idea how to tackle this? Thanks!
invert   10 years ago


I'm having the same issue, any fix for this? It seems like it doesn't cache after the initial load of the page. I have images in the content area for each tab. I'm using it on my homepage so when a visitor navigates away from the homepage, then goes back to the homepage (say by clicking on the logo) the images for each tab are reloaded and are visible for a sec or two.



Joe   10 years ago

style="display:none" can be used. When the page loads, the contents of the tabs will be displayed

slope ball

  one year ago

Not displayed due to incorrect method. Stay calm and try again step by step  bob the robber

  2 months ago

thanks for sharing with code

  12 days ago
Would you please try update the tabcontent.css as:
And let me know the results?
Milo   10 years ago


Your name*
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: