Title: WP-ShowHide
Author: Lester Chan
Published: <strong>28 April 2011</strong>
Last modified: 28 November 2025

---

Cari plugin

![](https://ps.w.org/wp-showhide/assets/banner-772x250.jpg?rev=1206767)

![](https://ps.w.org/wp-showhide/assets/icon.svg?rev=978037)

# WP-ShowHide

 Oleh [Lester Chan](https://profiles.wordpress.org/gamerz/)

[Unduh](https://downloads.wordpress.org/plugin/wp-showhide.1.06.zip)

 * [Detail](https://id.wordpress.org/plugins/wp-showhide/#description)
 * [Ulasan](https://id.wordpress.org/plugins/wp-showhide/#reviews)
 * [Pengembangan](https://id.wordpress.org/plugins/wp-showhide/#developers)

 [Bantuan](https://wordpress.org/support/plugin/wp-showhide/)

## Deskripsi

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 Less 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>
    ```

 1. 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 { }
    ```

### Pengembangan

[https://github.com/lesterchan/wp-showhide](https://github.com/lesterchan/wp-showhide)

### Translations

[http://dev.wp-plugins.org/browser/wp-showhide/i18n/](http://dev.wp-plugins.org/browser/wp-showhide/i18n/)

### Credits

 * Plugin icon by [Freepik](http://www.freepik.com) from [Flaticon](http://www.flaticon.com)

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

## Tangkapan Layar

[⌊Show More - Press Release⌉⌊Show More - Press Release⌉[

Show More – Press Release

[⌊Hide More - Press Release⌉⌊Hide More - Press Release⌉[

Hide More – Press Release

[⌊Editor - Short Code⌉⌊Editor - Short Code⌉[

Editor – Short Code

## Tanya Jawab

N/A

## Ulasan

![](https://secure.gravatar.com/avatar/3060dfb3ebc69b2721b61c6c9b257b572740c78d796374d7b750fbb49411dffe?
s=60&d=retro&r=g)

### 󠀁[Works great with WP 6.8.1](https://wordpress.org/support/topic/works-great-with-wp-6-8-1/)󠁿

 [Dave Smith](https://profiles.wordpress.org/sophoservices/) 3 Juli 2025

Shows and hides text just like it says it does! Thank you!

![](https://secure.gravatar.com/avatar/5112f2f6b6ebee0e8f4e64a6a8d7c9c0d9c36e41a96b96b2c8d0a4a8113d3b52?
s=60&d=retro&r=g)

### 󠀁[Needs Update](https://wordpress.org/support/topic/needs-update-29/)󠁿

 [vivatword](https://profiles.wordpress.org/vivatword/) 13 April 2025

Thanks for the free plugin and support. it doesn’t work woth the latest wp. the 
hided side can not be seen after click the show. it is only active when logged in
to wp-admin. please update it.

![](https://secure.gravatar.com/avatar/da4bab7747b735b8fb94a85a4711fa143a38a46f12bd45f431f2ce6102ec16d9?
s=60&d=retro&r=g)

### 󠀁[Needs documentation](https://wordpress.org/support/topic/needs-documentation-5/)󠁿

 [delboy007](https://profiles.wordpress.org/delboy007/) 9 Februari 2022

I don’t understand why developers take the time to write a plugin and then don’t
bother to provide detailed documentation. Looks like it might do what I want but
I give up trying and notice a lot of support requests have not been replied to.

![](https://secure.gravatar.com/avatar/0f506eb13b5c750220d42b3746eb21ab8dbb832ec4e625b2c581f03e7f85643e?
s=60&d=retro&r=g)

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-29543/)󠁿

 [Rollaz](https://profiles.wordpress.org/rollaz/) 30 Januari 2021

Simple and working plugin. Tried several more, but they had issues with filter Im
using on my page, this one worked like a charm. Additionally I would recommend to
add an option to show hide button on the bottom of displayed text.

![](https://secure.gravatar.com/avatar/b9e6852002036e802ef36d83dae57bf39ce624a523869e293f723b5ba3d78c07?
s=60&d=retro&r=g)

### 󠀁[WP ShowHide is a great plugin,](https://wordpress.org/support/topic/wp-showhide-is-a-great-plugin/)󠁿

 [thetravelgal](https://profiles.wordpress.org/thetravelgal/) 23 Desember 2020 1
balasan

Love this plugin. Had a little panic that it wasn’t going to work with Wordpress
5.6 and php 7.4, but it does. Please keep maintaining this plugin! (I just sent 
my donation.)

![](https://secure.gravatar.com/avatar/3956b3259e2b02d5d5dffd9286cb4c19b90899c1b3d149c223c12ddcc73888ea?
s=60&d=retro&r=g)

### 󠀁[great idea but doesn’t work](https://wordpress.org/support/topic/great-idea-but-doesnt-work-6/)󠁿

 [pentagramwookie](https://profiles.wordpress.org/pentagramwookie/) 20 September
2020

It’s a great idea and could be very useful but it doesn’t work on the current WP
version. The site I was trying to use this on uses WP 5.5.1, with plugins Akismet,
Feed Them Social, Feedzy, and Lightbox. I figure this plugin may be incompatible
with one of those plugins or this current version of WP. The link doesn’t do anything
when clicked and the wrong text is showing up. Even though I changed the shortcode
to say ‘MORE INFO’ it still said Press Release along with the additional number 
text and a number next to it. I didn’t see settings anywhere for this plugin.

 [ Baca semua 42 ulasan ](https://wordpress.org/support/plugin/wp-showhide/reviews/)

## Kontributor & Pengembang

“WP-ShowHide” adalah perangkat lunak open source. Berikut ini mereka yang sudah 
berkontribusi pada plugin ini.

Kontributor

 *   [ Lester Chan ](https://profiles.wordpress.org/gamerz/)

“WP-ShowHide” telah diterjemahkan dalam 4 bahasa. Terima kasih kepada [para penerjemah](https://translate.wordpress.org/projects/wp-plugins/wp-showhide/contributors)
untuk kontribusi-nya.

[Terjemahkan “WP-ShowHide” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/wp-showhide)

### Tertarik mengembangkan?

[Lihat kode](https://plugins.trac.wordpress.org/browser/wp-showhide/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/wp-showhide/),
atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/wp-showhide/)
melalui [RSS](https://plugins.trac.wordpress.org/log/wp-showhide/?limit=100&mode=stop_on_copy&format=rss).

## Log Perubahan

### Version 1.06

 * FIXED: esc_html() for more text to prevent XSS

### Version 1.05

 * FIXED: esc_attr type attributes to prevent XSS

### 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

## Meta

 *  Versi **1.06**
 *  Diperbarui **8 bulan yang lalu**
 *  Instalasi Aktif **9,000+**
 *  Versi WordPress ** 3.0 atau yang terbaru **
 *  Diuji hingga **6.8.6**
 *  Bahasa
 * [Dutch](https://nl.wordpress.org/plugins/wp-showhide/), [English (US)](https://wordpress.org/plugins/wp-showhide/),
   [German](https://de.wordpress.org/plugins/wp-showhide/), [Spanish (Chile)](https://cl.wordpress.org/plugins/wp-showhide/),
   dan [Spanish (Spain)](https://es.wordpress.org/plugins/wp-showhide/).
 *  [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/wp-showhide)
 * Tag
 * [content](https://id.wordpress.org/plugins/tags/content/)[hide](https://id.wordpress.org/plugins/tags/hide/)
   [press release](https://id.wordpress.org/plugins/tags/press-release/)[show](https://id.wordpress.org/plugins/tags/show/)
   [visibility](https://id.wordpress.org/plugins/tags/visibility/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/wp-showhide/advanced/)

## Rating

 4.2 dari 5 bintang.

 *  [  30 ulasan 5-bintang     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=5)
 *  [  4 ulasan 4-bintang     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=4)
 *  [  0 ulasan 3-bintang     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=3)
 *  [  4 ulasan 2-bintang     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=2)
 *  [  5 ulasan 1-bintang     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-showhide/reviews/#new-post)

[Lihat semua ulasan](https://wordpress.org/support/plugin/wp-showhide/reviews/)

## Kontributor

 *   [ Lester Chan ](https://profiles.wordpress.org/gamerz/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

 [Lihat forum bantuan](https://wordpress.org/support/plugin/wp-showhide/)

## Donasi

Apakah Anda ingin mendukung pengembangan plugin ini?

 [ Donasi untuk plugin ini ](https://lesterchan.net/site/donation/)