Tabbed Content / Posts /

Content of all tabs visible on page load

53
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  9 years ago   viewed: 18985    

11 Answers

6
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>
       <div id="tab2" style="display: none;">
           tab 2 content here
      </div>
 </div>

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.
invert
  9 years ago
2
Yes adding to each tab div that fixed it - thanks
Joe   9 years ago
2

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

RJ
  4 years ago
-1
Would you please try update the tabcontent.css as:
div.tabcontents
{
    display:none;
    ……
}
And let me know the results?
Milo   9 years ago
0

I tried it and it doesn't seem to work

venge io

Mira
  one year ago
0
Hi,

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   9 years ago
0

Hi

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.

 

Thanks.

Joe   9 years ago
0

This suggests that each word's true and false letters will be displayed separately, and that all words will match your initial guess. 1v1 lol

tommchris7
  11 months ago
0

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

slope ball

stephanilope
  9 months ago
0

This brief visibility of all tab content is a common occurrence in web development, but it typically resolves quickly as the page finishes loading and the desired tab display is achieved. fnf

MikasaAckerman
  3 months ago
0

In web development, it is common for all tab content to be shown for a short time while the page loads, but this issue is usually resolved as soon as the page is fully loaded and the intended tab display is accomplished. basketball stars

HAods   3 months ago

   

Your name*
Password
(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:
▲