Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

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>