'More Content' / DOM collapse scripts

Collapsible page elements with DOM - A tutorial on how to create an 'expand / collapse' elements in your page. This tutorial to accompany the Onelinetools.org script: Evolt.org - Collapsible elements.

A tutorial on how to ensure a fallback option when using an 'expand / collapse' element. There's also Icant.co.uk - more content links.

Seven ways to toggle an element's display with JavaScript. One example with a single DIV and another example with multiple DIVs. DustinDaz also gives us: collapsable effects with scriptaculous.

Using a Definition List and the DOM to create a nice FAQ page where clicking on the DTs (the questions) "toggles" the associated DDs (the answers).

A tutorial exploring a couple ways to show and hide details by clicking on headings. There's also basic show and hide and slicker show and hide with pretty effects.

'More content' links with changing toggle indicator.

Unobtrusive javascript for applying expand/shrink behaviour. Script generates buttons and apply behaviour on them for divs which have a class name 'collapsable'.

Using a three-column CSS layout and adding javascript to enable collapsible left and right columns.

Creating a drop down panel page section. Web standards compliant - Xhtml and uses Prototype & Script.aculo.us.

Designing tree menus with separation of content, presentation and behaviour. Uses JavaScript (jquery) to both show and hide nested DIVs rather than using CSS to hide the nested DIVs so it still works with JavaScript turned off and without CSS working. This means no JavaScript and CSS dependency.

An almost pure CSS method to have page columns where you can 'click to see more' information.