WordPress ShowHide

Show or hide content with a mouse click.

Demo

View demo: http://akenn.org/projects/wp-showhide

Installation

1. Unzip better-wordpress-showhide-elements.zip
2. Upload better-wordpress-showhide-elements folder to the /wp-content/plugins/ directory
3. Activate the plugin through the 'Plugins' menu in WordPress

Examples

Using an image:

<img showhide="myId1" src="https://i1.ytimg.com/vi/-k5rZfw-Co0/mqdefault.jpg" />
<div id="myId1">
  <iframe width="420" height="315" src="//www.youtube.com/embed/-k5rZfw-Co0" frameborder="0" allowfullscreen></iframe>
</div>

Using an anchor tag:

<a showhide="myId2" href="#">
  ["Hide Video", "Show Video"]
</a>
<div id="myId2">
  <iframe width="560" height="315" src="//www.youtube.com/embed/r7gmVWgEpRc" frameborder="0" allowfullscreen></iframe>
</div>

Using an image with content initially visible:

<img showhide="myId3" showhide_visible="true" src="https://www.google.com/images/srpr/logo11w.png" />
<div id="myId3">Content goes here</div>

Using a div and content initially visible:

<div showhide="myId4" showhide_visible="true" href="#">
  ["Hide Content", "Show Content"]
</div>
<div id="myId4">Content goes here</div>