Peekaboo Example

Demo #1

<p>[[peekaboo_link name="img1"]img1[/peekaboo_link]]</p>

<p>[[peekaboo_link name="img2"]img2[/peekaboo_link]]</p>

<p>[[peekaboo_link name="img3"]img3[/peekaboo_link]]</p>

<p>[[peekaboo_link name="img4"]img4[/peekaboo_link]]</p>

[[peekaboo_content name="img1"]
<p><img src="http://farm7.static.flickr.com/6195/6130724163_9ec1db80c7_b.jpg" alt=""/></p>
[/peekaboo_content]]

[[peekaboo_content name="img2"]
<p><img src="http://farm7.static.flickr.com/6188/6131273938_c711a28586_b.jpg" alt=""/></p>
[/peekaboo_content]]

[[peekaboo_content name="img3"]
<p><img src="http://farm7.static.flickr.com/6065/6125251344_c6f089b09f_b.jpg" alt=""/></p>
[/peekaboo_content]]

[[peekaboo_content name="img4"]
<p><img src="http://farm5.static.flickr.com/4001/4626549119_6c524ace61_b.jpg" alt=""/></p>
[/peekaboo_content]]

[peekaboo_link name=”img1″]img1[/peekaboo_link] link

[peekaboo_link name=”img2″]img2[/peekaboo_link] link

[peekaboo_link name=”img3″]img3[/peekaboo_link] link

[peekaboo_link name=”img4″]img4[/peekaboo_link] link

[peekaboo_content name=”img1″]

[/peekaboo_content]

[peekaboo_content name=”img2″]

[/peekaboo_content]

[peekaboo_content name=”img3″]

[/peekaboo_content]

[peekaboo_content name=”img4″]

[/peekaboo_content]

Demo #2

CONTENT A

click the following: [peekaboo name=”foo”]

[peekaboo_content name=”foo”]

CONTENT B

[/peekaboo_content]

CONTENT C

CONTENT D

[peekaboo name=”bar” onshow=”Click to hide” onhide=”Click to show”] or you can also [peekaboo_link name=”bar”]click here[/peekaboo_link] to view the contents

[peekaboo_content name=”bar”]

CONTENT E

[/peekaboo_content]

CONTENT F

[peekaboo name=”foobar” start=”visible”]

[peekaboo_content name=”foobar” start=”visible”]

CONTENT G

[/peekaboo_content]

[peekaboo onshow=”Click to hide all” onhide=”Click to show all”] (show/hide all)