The show/hide component, whose option icon is shown in figure 1, creates text that reveals additional content when clicked.


Figure 1. the show/hide option icon


Using the show/hide component lets you reduce the length of your pages by hiding some content until the visitor chooses to have it revealed.



Editing a show/hide component

In edit mode the show/hide component initially shows some text followed by a show content bar, as shown in figure 2. The text in a show/hide component can be edited in the same way as a text component.


Figure 2. a show/hide component, with content hidden


Click show content to reveal the hidden content, as shown in figure 3. Any options added between the hide content bars are initially hidden when a visitor views your page.


Figure 3. a show/hide component, with content shown


Click one of the hide content bars to hide the content.