Help with expand and collapse lists in page content

[htmlnovice]

Hi there, I'm new to this site and fairly new to web work. I use a WYSIWYG content management system set up by my web development agency to update content in our website, which also lets me edit and update content in an HTML code view.

So I wondered if it is possible for me (using html) to create a long list of links where people can click each link to expand for more information and then collapse the extra information again on a second click.

I know I could get the agency to do this, but then I won't learn anything and they'll charge me a fortune for the privilege! I've spent most of the afternoon browsing forums, but the instructions I've found are either too complicated for me to understand, or I've copied and pasted the code into my CMS and it hasn't worked.

Please can someone treat me as the complete novice I am and tell me if this is even possible to do using a content management system?! And if so, any guidance at all on getting started would be really appreciated!

[Marshall]

Hi htmlnovice and welcome to WebmasterWorld.

There are several ways to do this, most involving some form of javascript. You can use an onclick event or onmouseover/onmouseout, which I personally prefer. Basically, though, this is a show/hide script regardless of the event trigger.

Marshall