Tabs and accordions are some of the more apparent visual features of Vorple.
Tabs are a menu, typically on the top of the page resembling tabs on a physical paper folder. Each tab is a link to a subpage. In an IF story you could have an about page, credits, maps, help, hints, feelies, links to more stories or anything else in their separate pages and not necessarily embedded in the story behind special commands.
While you could easily add normal HTML links anywhere in the story’s web site, the idea of Vorple’s tabs is that clicking on a subpage doesn’t actually take you away from the page (which would effectively quit the story). Clicking on a tab hides the current page and shows the selected subpage. Clicking on the story tab reveals the story again, ready to continue.
Accordions can be used to fold parts of the story out of the way. A traditional problem when playing IF is that when the story clears the screen you lose scrollback as you can’t go back to the previous text anymore. (The TADS interpreter on Windows lets you move back to previous block of text after the screen is cleared, and some interpreters have a separate scrollback window feature where the old text can be retrieved.) Instead of clearing the screen, the story could just hide the previous text under a header where the reader could bring it back up with a mouse click.
Tabs and accordions are almost trivial to create with jQuery, but the challenge comes from keeping the story running in the correct place when new sections are created and making sure they don’t interfere with the story engine. Below is a mockup of a story with subpages in tabs and parts of the story divided with an accordion.