Hiding parts of the page

[kurent]

I have three tables on a page and I need to display only one of them at once. Right now I do this like this:
style.display = "none";

But the problem is that in some browsers you can see all three tables blink for a moment as they are all rendered and then hidden. How can I hide them without this problem? I know that some elements have the rendered="false" tag, but I think they are not for the standard HTML?

[apulmca2k4]

send the all code.

[kurent]

Not sure what you mean?

[apulmca2k4]

hello

[Let's keep on the forums]

[kurent]

What for? You got me confused, I thought we used this forum for communication. :)

[LeeU]

What he means is what is the code that you are using? Post the code or a link to it so we can see what is going on.

[kurent]

Nothing is going on hehe. It's just three <TABLE id="table1"> and a javascript function that goes table1.style.display = "none" or table1.style.display = "" depending on a cookie value.

The problem is the table is rendered and then hidden so you can see it flash for a moment. What I want to achieve is that the tables are never rendered depending on some condition.

[LeeU]

In your CSS code just have the table1 hidden to begin with.