The show/hide component

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.