Title: WP-ShowHide
Author: Lester Chan
Published: <strong>2011-يىلى 28-ئاپرېل</strong>
Last modified: 2025-يىلى 28-نويابىر

---

قىستۇرما ئىزدە

![](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

 يازغۇچى [Lester Chan](https://profiles.wordpress.org/gamerz/)

[چۈشۈر](https://downloads.wordpress.org/plugin/wp-showhide.1.06.zip)

 * [تەپسىلاتلار](https://ug.wordpress.org/plugins/wp-showhide/#description)
 * [باھالاشلار](https://ug.wordpress.org/plugins/wp-showhide/#reviews)
 * [ئىجادىيەت](https://ug.wordpress.org/plugins/wp-showhide/#developers)

 [قوللاش](https://wordpress.org/support/plugin/wp-showhide/)

## چۈشەندۈرۈش

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

### Development

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

## ئېكران كەسمىسى

[⌊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

## FAQ

N/A

## باھالاشلار

![](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/) 2025-يىلى 3-ئىيۇل

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/) 2025-يىلى 13-ئاپرېل

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/) 2022-يىلى 9-فېۋرال

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/) 2021-يىلى 30-يانۋار

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/) 2020-يىلى 23-دېكابىر
1 reply

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/) 2020-يىلى 20-
سېنتەبىر

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.

 [ 42 باھالاشنىڭ ھەممىنى ئوقۇش ](https://wordpress.org/support/plugin/wp-showhide/reviews/)

## تۆھپىكار ۋە ئىجادكار

«WP-ShowHide» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە قوشقان.

تۆھپىكار

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

«WP-ShowHide» 4 تىلغا تەرجىمە قىلىنغان. [تەرجىمانلار](https://translate.wordpress.org/projects/wp-plugins/wp-showhide/contributors)
نىڭ تۆھپىسى ئۈچۈن رەھمەت.

[«WP-ShowHide» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/wp-showhide)

### ئىجادىيەتكە قىزىقامسىز؟

[كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/wp-showhide/)، [SVN خەزىنە](https://plugins.svn.wordpress.org/wp-showhide/)
تەكشۈرۈپ ياكى [RSS](https://plugins.trac.wordpress.org/log/wp-showhide/?limit=100&mode=stop_on_copy&format=rss)
ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/wp-showhide/)
گە مۇشتەرى بولغىلى بولىدۇ.

## ئۆزگىرىش خاتىرىسى

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

 *  Version **1.06**
 *  ئاخىرقى يېڭىلانغان ۋاقىت **7 ئاي بۇرۇن**
 *  ئاكتىپ ئورنىتىش سانى **10,000+**
 *  WordPress نەشرى ** 3.0 ياكى يۇقىرى **
 *  **6.8.5** دا سىنالغان
 *  تىل
 * [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/)
   ۋە [Spanish (Spain)](https://es.wordpress.org/plugins/wp-showhide/).
 *  [تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/wp-showhide)
 * بەلگە
 * [content](https://ug.wordpress.org/plugins/tags/content/)[hide](https://ug.wordpress.org/plugins/tags/hide/)
   [press release](https://ug.wordpress.org/plugins/tags/press-release/)[show](https://ug.wordpress.org/plugins/tags/show/)
   [visibility](https://ug.wordpress.org/plugins/tags/visibility/)
 *  [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/wp-showhide/advanced/)

## دەرىجە

 4.2/5 يۇلتۇز

 *  [  30 5-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=5)
 *  [  4 4-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=4)
 *  [  0 3-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=3)
 *  [  4 2-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=2)
 *  [  5 1-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=1)

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

[بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/wp-showhide/reviews/)

## تۆھپىكار

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

## قوللاش

چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟

 [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/wp-showhide/)

## ئىئانە

بۇ قىستۇرمىنىڭ ياخشىلىنىشىنى قوللامسىز؟

 [ بۇ قىستۇرمىغا ئىئانە قىلىش ](https://lesterchan.net/site/donation/)