Better Show/Hide elements plugin for Wordpress.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
better-wp-showhide-elements.php
readme.txt
showhide.js

README.md

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>