WP-ShowHide Plugin WordPress, Download, Install
Allows you to embed content within your blog post via WordPress ShortCode API and toggling the visibility of the content via a link.
WP-ShowHide Download Now
(If the link does not work)↓
Originals Link WordPress.org
https://wordpress.org/plugins/wp-showhide/
How to Install WP-ShowHide Plugin, Manually
- Open
wp-content/plugins
Folder - Put:
Folder: wp-showhide
- Activate
WP-ShowHide
Plugin - No configuration is needed
General Usage
- By default, content within the showhide shortcode will be hidden.
- Example:
[showhide]Press release content goes in here.[/showhide]
-
Default Values:
[showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]
-
You can have multiple showhide content within a post or a page, just by having a new type.
-
Example:
[showhide type="links" more_text="Show Links (%s More Words)" less_text="Hide Links (%s More Words)"]Links will go in here.[/showhide]
-
If you want to set the default visibility to display.
-
Example:
[showhide hidden="no"]Press release content goes in here.[/showhide]
-
You can style the content via CSS that is generated by the plugin. Here is a sample of the generated HTML. Note that pressrelease is the default type.
<div id="pressrelease-link-1" class="sh-link pressrelease-link sh-hide"> <a href="#"> <span id="pressrelease-toggle-1">Show Press Release (4 More Words)</span> </a> </div> <div id="pressrelease-content-1" class="sh-content pressrelease-content sh-hide" style="display: none;">Content</div>
- With the example above, here are the following styles you can use in your CSS:
.sh-link A { } .sh-content { } .pressrelease-link { } .pressrelease-link.sh-hide A { } .pressrelease-link.sh-show A { } .pressrelease-content { } .pressrelease-content.sh-hide { } .pressrelease-content.sh-show { }
Video
Screenshots
Plugin Not Working?
If any errors or problems with the plug-in then write comments.