This will not work for table rows in Firefox. Use this instead ...

(used in the same way)

The title is a little misleading. I would expect to toggle visibility using the "visibility" CSS property -- not "display". "display:none" removes the element entirely as if it didn't exist. "visibility:hidden" makes the element invisible without affecting the display.

Nobody could make the code work because you refered twice to the document.getElementById...

So anyway, here's the good code.

will it work for tables , rows , columns / cell etc in mozilla/firefox ?

Regards,
Kumar S
GuyFromChennai.com

I'm say that jquery is the best for this work. Do you validate this code with w3c??

...Doesn't seem to work for me. "Object required" error.

Also, I noticed it appends the pound sign ("#") to the end of the URL when you click Toggle. Didn't someone come up with a better way to toggle visibility without doing that?

Do this with your links:




The "return false;" part will tell the browser not to follow the link.

-----------------------
http://jiart.org/
My digital playground with it's own sandbox.
Well anyway, I love programming

'#' is being appended because it is the value of the href attribute. Simply remove the '#'. It won't look like a link anymore but it still functions as a link.

Just apply some CSS to make it look like a normal link.

Hope this helps.