Date: 05/13/05 (WebDesign)    Keywords: css, html, java

In reference to my post last night...

I found a VERY easy way to do this, using a tutorial from blogger.com, which can be found here:

http://help.blogger.com/bin/answer.py?answer=943

All you need is an extremely basic javascript and two CSS classes: one to hide the text, and one to show the text.

The javascript just uses a simple variable to determine if the current CSS class is the hidden or not hidden class, then switches it to the opposite. It allows you to click the show/hide link to show or hide the text without needing to refresh the page.

This solution was a heck of a lot easier than a lot of the mostly-javascript solutions I found on message forums and whatnot.

Just FYI for anyone who is interested. :) It worked extremely well for my FAQ page on my own site, part of which can be seen here as an example:

http://s95427659.onlinehome.us/shifuimam/faqpage.shtml

I'd post the real URL, but my server is down right now, so I can't upload it. :(

Source: http://www.livejournal.com/community/webdesign/876110.html