WP-ShowHide

Description

By default the content is hidden and user will have to click on the “Show Content” link to toggle it. Similar to what Engadget is doing for their press releases. Example usage: [showhide type="pressrelease"]Press Release goes in here.[/showhide]

Usage

  1. By default, content within the showhide shortcode will be hidden.
  2. Example: [showhide]Press release content goes in here.[/showhide]
  3. Default Values: [showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]

  4. You can have multiple showhide content within a post or a page, just by having a new type.

  5. Example: [showhide type="links" more_text="Show Links (%s More Words)" less_text="Hide Links (%s More Words)"]Links will go in here.[/showhide]

  6. If you want to set the default visibility to display.

  7. Example: [showhide hidden="no"]Press release content goes in here.[/showhide]

  8. 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>

  9. 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 { }

Build Status

Development

https://github.com/lesterchan/wp-showhide

Translations

http://dev.wp-plugins.org/browser/wp-showhide/i18n/

Credits

Donations

I spent most of my free time creating, updating, maintaining and supporting these plugins, if you really love my plugins and could spare me a couple of bucks, I will really appreciate it. If not feel free to use it without any obligations.

Screenshots

  • Show More - Press Release
  • Hide More - Press Release
  • Editor - Short Code

FAQ

N/A

Reviews

Good!

Works great! Easy to use. But i have to edit manually ’cause it does not have shorcut.

Very good plugin

It is very good for smaller number of unites. Is it possible to do something so I don’t need to change the number of links every time I insert new entry ([showhide type=”links1″ more_text=”Text” less_text=”Hide Text”]? I mean, one of the pages on my website will have really huge list of entries. I can’t change the numbers (for example between “links1” and “links2”) every time I put the new one between the two old ones.

Show/hide within show/hide

Hy there,

is it possible to have one show option, then within show option other show/hide option?

I tried this:

[showhide type=”first” more_text=”first” less_text=”first”]
content

[showhide type=”first” more_text=”first” less_text=”first”]
content2 within content1
[/showhide]
[/showhide]

But gives me not the result i want.

Thanks,
K.I.

Read all 25 reviews

Contributors & Developers

“WP-ShowHide” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP-ShowHide” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

Version 1.04

  • NEW: Added aria-hidden and aria-expanded to elements

Version 1.03

  • NEW: Added .sh-link and .sh-content as a standard class name on top of the type specific class name.
  • NEW: Added do_shortcode() to allow shortcode to be parsed within ShowHide

Version 1.02

  • FIXED: Some theme uses .hide as display: none and hence I have changed .show to .sh-show and .hide to .sh-hide to advoid conflicts.

Version 1.01

  • NEW: Added additional show or hide class to the link and content depending on the visiblity of the content to allow more precise CSS styling.

Version 1.00 (01-05-2011)

  • FIXED: Initial Release