The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Visible/Invisible DIVS

Hello,

I've seen on some sites (but cannot think of any now to give as example) when there is a text link on a page somewhere. When the user clicks on the link a box/content appears immediately without appearing to reload the page.

In essence it seems that the element (whether a DIV, form, etc) has been on the page initially, but hidden from view. Clicking on the visible text link then makes the element visible.

Do you know what I mean, and if so are you able to point me to any tutorials or examples of this working because I think it'd make a really nice addition to my site in the form of a help section - there is a link to 'help' and when pressed a sidebar immediatley becomes visible.

We can also use 'overflow:hidden' to erm... actually, I'm not really sure why that's necessary.

The overflow:hidden is for IE because it won't render an element less than the current font-size/line-height. Setting overflow:hidden reduce the height to 1px as per other browsers and therefore does not interfere with anything else