Skip to content

Latest commit

 

History

History
49 lines (37 loc) · 1.22 KB

README.md

File metadata and controls

49 lines (37 loc) · 1.22 KB
Raw

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>