Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Help with expand and collapse lists in page content

3:17 pm on Aug 15, 2008 (gmt 0)

New User

5+ Year Member

joined:Aug 15, 2008
votes: 0

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!

6:44 am on Aug 16, 2008 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 4, 2001
posts: 2246
votes: 49

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.