Text Toggle

Stylesheet Definitions

This plugin also uses a stylesheet to style the jQuery links and the indicator characters.

• The first section removes any decorations to the link text, particularly underlining it. (I find the underlining of links, particularly in this situation, to be particularly annoying.)
• The second section automatically hides the content until the accompanying link is clicked.
• The third section forces the indicator characters to be monospaced so they will always be the same size and use the same ‘real estate’ on the screen; that way, they will not cause the subsequent link text to move when clicked.
• The fourth section automatically hides the “hide” character until the accompanying link is clicked.