WP-ShowHide 1.00

I have created a new plugin, WP-ShowHide. It is a simple plugin (83 lines of codes including comments) with no configuration screen needed.

This new plugin came about when Hisham tweeted me about whether there is a “Show/Hide Press Release” WordPress plugin like what Engadget does when posting a Press Release.

I can’t seem to find it and decided to code one myself using WordPress ShortCode API. I made the plugin more generic rather than focusing on Press Releases, so you can have multiple Show/Hide content within a post.

I tested it on WordPress 3.1.1 but technically it should work with any version higher than WordPress 2.5 because ShortCode was introduced in WordPress 2.5.

WP-ShowHide Description

Allows you to embed content within your blog post via WordPress ShortCode API and toggling the visibility of the cotent via a link. 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 ] (Remove the spaces before and after the square brackets [].)

Download: WP-ShowHide 1.00
Documentation: WP-ShowHide

Demostration/Example Usage
Remove the spaces before and after the square brackets [].

Tag: [ showhide ][ /showhide ]

Tag: [ showhide type="links" more_text="Show Links (%s More Words)" less_text="Hide Links (%s More Words)" ][ /showhide ]

Tag: [ showhide type="visibility" hidden="no" more_text="Show Visibility Content (%s More Words)" less_text="Hide Visibility Content (%s More Words)" ][ /showhide ]

The visibility of this content is set to display by default instead of hidden.

1 Star2 Stars3 Stars4 Stars5 Stars (77 votes, average: 4.14 out of 5)

13 thoughts on “WP-ShowHide 1.00”

  1. My only problem seems to be that, if I style the trigger text, when the extra text is shown the trigger text shows the HTML markup. For example:

    What We Do

    when clicked appears something like

    What We Do
    What We Do

  2. Sorry, I thought it would ignore the “strong” tags in the markup example, and I don’t see any way to delete this comment. I hope you understand what I’m trying to say. Am I doing something wrong, or is there a workaround for this? Thanks in advance for any advice.

  3. Sorry I don’t get what you mean, do you have any screenshot for me to visualize? You can drop me an email, lesterchan AT gmail

  4. Many thanks for the plugin! I have just one problem. Although I defined “more_text” there is still displaying “Show Press Release (..)”. Less text works normally.

  5. Can you tell me the easiest way to remove the “more words” part?
    For example, don’t show:
    Show Press Release (1,011 More Words)
    just show:
    Show Press Release

    great plug-in Lester. thanks!

  6. Finally, I found this… Just installed the plugin and well, it’s awesome! Thanks for that… Just a question though, is it possible to change the “Show/Hide Press Release” text so it would appear graphical like that of Engadget? Or at least make it bigger to match with the theme?



  7. Hi Lester, Thanks for a great plug-in. I would like to use it to show / hide an image, more specifically, a map. The website is for a recreation park and there are 2 map types. I am using the plugin to show / hide the different maps. Therefore, I don’t it to say ‘Press Release’. I would like the link to say ‘Show Trail Map 1’ and ‘Show Trail Map 2’. Thanks!

Comments are closed.