Shortcode: [showhide] – X-Plus
Show/Hide Text
Weaver Show/Hide – [ showhide]
[ showhide]Content to show/hide[/showhide]
The [ showhide start='hide' show='text-on-show' hide='text-on-hide']
shortcode allows you to specify a section of content that the user can selectively show or hide. It will be hidden by default.
Typically, one would place the shortcode immediately after some explanatory text. For example:
Click to view lyrics [ showhide]
lyrics
lyrics
lyrics
[/showhide]
to produce
When entered into the Page/Post editor as shown above, the explanatory text and show/hide button will be on a separate line, and the content in a new paragraph following. If you place the
[ showhide]CONTENT[/showhide]
on the same line in the page/post editor, the explanatory text and content will be displayed on the same line.
Shortcode usage: [ showhide start='hide' show='html-on-show' hide='html-on-hide']text[/showhide]
- start=’hide|show’ – By default, the content will start hidden. Set this to ‘show’ to have the content start displayed.
- show=’img|text’ ; hide=’img|text’ – By default, a graphic + and – will be displayed to toggle between hidden and displayed. You can provide an alternative pair of images or text strings. You can’t mix images and text – both must be the same type. You can’t use ‘[‘ or ‘]’ in the text.
- class=’alt-class-name’ – By default, the extra widget area will be styled just like other page widget areas (top, bottom, per-page). You can add additional styling using .per-page-thename, or by providing your own style class name as a parameter to the shortcode.