Pure CSS collapsible|expandable content

No JavaScript, works in all of the latest stable browser versions, but I had to apply a hack for Chrome and Safari because Webkit (the engine utilized in those) has a BUG with ::focus persist. Opera 11+, Internet Explorer 9+ (IE) and Mozilla Firefox 5+ (Fx) just work out-of the box without hacks. IE9 and Fx5 tab through addressbar and search field too, Opera and Webkit tab just trough the items on the page without leaving the context, like the others SHOULD too. IE8 under Windows XP Users: Please click on the blueish bar to expand, and into the content field to caollaps.

Click on » (or just the blueish bar) or press the tab key

1.

Some text in a paragraph

2.

some headline

Some text in another paragraph

3.

Some text in a third paragraph

and a fourth long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long paragraph, to see where the arrows go.

home