Reveals are used to minimise the amount of information on a page when it is first displayed. You can either have just underlined titles with symbols (e.g. ), which you click to reveal the hidden content, or have partial content visible and 'Read more ...' links.
Example of reveals using underlined titles ...
Content of first underlined title
Praesent varius adipiscing ipsum. Donec tempus dolor nec est. In molestie. Pellentesque a arcu in nibh feugiat suscipit. Suspendisse diam. In hac habitasse platea dictumst. Duis elit. Sed id purus eget enim scelerisque varius. Fusce tincidunt mauris vitae odio. Curabitur tincidunt fringilla neque.
Content of second underlined title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras semper ultricies lectus. Nullam blandit ligula vitae lacus. Pellentesque ut est. Proin lobortis luctus risus. Sed congue, nisi vitae porta
Content of third underlined title
Praesent varius adipiscing ipsum. Donec tempus dolor nec est. In molestie. Pellentesque a arcu in nibh feugiat suscipit. Suspendisse diam. In hac habitasse platea dictumst. Duis elit. Sed id purus eget enim scelerisque varius. Fusce tincidunt mauris vitae odio. Curabitur tincidunt fringilla neque.
Example of reveals using 'Read more ...' links
Topic 1
Praesent varius adipiscing ipsum. Donec tempus dolor nec est. In molestie. Pellentesque a arcu in nibh feugiat suscipit. Suspendisse diam. In hac habitasse platea dictumst. Duis elit. Sed id purus eget enim scelerisque varius. Fusce tincidunt mauris vitae odio. Curabitur tincidunt fringilla neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras semper ultricies lectus. Nullam blandit ligula vitae lacus. Pellentesque ut est. Proin lobortis luctus risus.
Praesent varius adipiscing ipsum. Donec tempus dolor nec est. In molestie. Pellentesque a arcu in nibh feugiat suscipit. Suspendisse diam. In hac habitasse platea dictumst. Duis elit. Cras semper ultricies lectus. Nullam blandit ligula vitae lacus. Pellentesque ut est. Proin lobortis luctus risus. Sed congue, nisi vitae porta rhoncus, neque diam pretium mi, at dignissim mi nisl vel arcu. Sed elementum rutrum mi.
Topic 2
Praesent varius adipiscing ipsum. Donec tempus dolor nec est. In molestie. Pellentesque a arcu in nibh feugiat suscipit. Suspendisse diam. In hac habitasse platea dictumst. Duis elit. Sed id purus eget enim scelerisque varius. Fusce tincidunt mauris vitae odio. Curabitur tincidunt fringilla neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras semper ultricies lectus. Nullam blandit ligula vitae lacus. Pellentesque ut est. Proin lobortis luctus risus.
Praesent varius adipiscing ipsum. Donec tempus dolor nec est. In molestie. Pellentesque a arcu in nibh feugiat suscipit. Suspendisse diam. In hac habitasse platea dictumst. Duis elit. Cras semper ultricies lectus. Nullam blandit ligula vitae lacus. Pellentesque ut est. Proin lobortis luctus risus. Sed congue, nisi vitae porta rhoncus, neque diam pretium mi, at dignissim mi nisl vel arcu. Sed elementum rutrum mi.