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://tw.wordpress.org/plugins/wp-showhide/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/wp-showhide/#reviews)
 * [開發資訊](https://tw.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
 * [[
 * 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**
 *  最後更新 **6 個月前**
 *  啟用安裝數 **10,000+**
 *  WordPress 版本需求 ** 3.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **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://tw.wordpress.org/plugins/tags/content/)[hide](https://tw.wordpress.org/plugins/tags/hide/)
   [press release](https://tw.wordpress.org/plugins/tags/press-release/)[show](https://tw.wordpress.org/plugins/tags/show/)
   [visibility](https://tw.wordpress.org/plugins/tags/visibility/)
 *  [進階檢視](https://tw.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/)