Hide+and+Reveal

=**Hide and Reveal ** =


 * 1. ||  Using the Text Tool, type the text you wish to "hide" || [[image:rome.jpg height="32"]] ||
 * 2. || Create the image that will use to "hide" the text |||| [[image:italy.jpg height="214"]] ||
 * 3. || Move the image on top of the text to "hide" the text. || [[image:map+.jpg height="194"]] ||
 * //Note//: || If necessary, you may need to change the order, so that the image is on top of the text.

To do this, click on the image to highlight it, and select **Order--> Bring to Front** from the pop-up menu. || <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> || <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">**Download a sample Smart Notebook page with examples of Hide and Reveal** <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">4. || <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Move the image, to reveal the text. || <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">[[image:map+.jpg height="194"]] ||