David Winter wrote:
What I am looking for is a web page that presents its content as an
outliner. Ie, the page is divided into sections with headlines. On
load, only those headlines are visible. Beside each headline is an
arrow pointing to the right.
Hovering the mouse over a headline will bring up a layer - like a very
large tool tip - that shows all the attached/included content, i.e.,
subheads and text paragraphs.
Clicking the headline will open the relevant section (the pop-up
disappears, and the text appears as part of the page), and the arrow
beside the headline now points downwards. In short, it is like the
folder view in MacOS.
Here's a simple example I just put together:
http://tw.ecritters.biz/html_examples/expand/. I didn't do the tooltip
hover feature, because that would be very annoying in my opinion:
imagine a large quantity of text covering what you're trying to read if
your cat happens to walk too close to your mouse. If you want to see
what's in a section, just open the section normally!