Title: WP-ShowHide
Author: Lester Chan
Published: <strong>2011 年 4 月 28 日</strong>
Last modified: 2025 年 11 月 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://cn.wordpress.org/plugins/wp-showhide/#description)
 * [评价](https://cn.wordpress.org/plugins/wp-showhide/#reviews)
 * [开发进展](https://cn.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 { }
    ```

### 开发

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

### 翻译

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

### 鸣谢

 * 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
 * [[
 * Hide More – Press Release
 * [[
 * Editor – Short Code

## 常见问题

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 年 7 月 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 年 4 月 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 年 2 月 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 年 1 月 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 年 12 月 23 日
1 回复

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 年 9 月
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

## 额外信息

 *  版本 **1.06**
 *  最后更新：**5 月前**
 *  活跃安装数量 **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://cn.wordpress.org/plugins/tags/content/)[hide](https://cn.wordpress.org/plugins/tags/hide/)
   [press release](https://cn.wordpress.org/plugins/tags/press-release/)[show](https://cn.wordpress.org/plugins/tags/show/)
   [visibility](https://cn.wordpress.org/plugins/tags/visibility/)
 *  [高级视图](https://cn.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/)