Showhide wordpress how to#

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.

hide as display: none and hence I have changed.

NEW: Added do_shortcode() to allow shortcode to be parsed within ShowHide.sh-content as a standard class name on top of the type specific class name. NEW: Added aria-hidden and aria-expanded to elements.

FIXED: esc_attr type attributes to prevent XSS.If not feel free to use it without any obligations. 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. Note that pressrelease is the default type. You can style the content via CSS that is generated by the plugin. If you want to set the default visibility to display. Styling is customizable via the editor or custom CSS. It uses built-in browser functionality and doesn’t rely on any JavaScript. It can be used for content such as FAQs or accordions. You can have multiple showhide content within a post or a page, just by having a new type.Įxample: Links will go in here. This plugin adds a block to the editor allowing you to easily show and hide content using the HTML details and summary elements. You will configure the look of your button/hyperlink on the fly and will. Usageīy default, content within the showhide shortcode will be hidden.Įxample: Press release content goes in here.ĭefault Values: Inserting a shortcode is done via a handy tinyMCE button in your WordPress Editor.

Showhide wordpress how to#

Today, I will demonstrate how to use the toggle effect to show and hide text in WordPress posts using the WP-ShowHide plugin. Like most things that are not built-in to WordPress, there is a plugin.

Example usage: Press Release goes in here. There are many uses for this effect, but unfortunately, WordPress does not have a built-in toggle effect. Similar to what Engadget is doing for their press releases. Descriptionīy default the content is hidden and user will have to click on the 'Show Content' link to toggle it. Tags: show, hide, content, visibility, press release, toggleĪllows you to embed content within your blog post via WordPress ShortCode API and toggling the visibility of the content via a link.