Note: This feature is only available in the Meerkat and Meerkat16 themes.
Overview
The Expando shortcode lets you create collapsible content blocks. Their titles can be clicked once to reveal the associated content, and clicked again to hide it. You can add as many expandos to your page/post as you like.
Hint: You may also group your expandos so that opening one will close the others. See Tab Group for more information.
Demo
The shortcode
The Expando shortcode can be set up 2 ways:
- Using the Shortcode Builder interface in visual mode (recommended)
- Manually creating the shortcode and attributes in the editor
Image Expandos
You may add a background image to your expando by following these easy steps:
- Upload the image to the media library
- Copy the URL to this image
- Add that URL to the expando using the attribute img_url like this:
[expando title="Get Involved" img_url="https://somesite.williams.edu/files/2018/01/750.jpg"]Your content here[/expando]
Linking to a Specific Expando
By default, the first tab will be selected when you load a page. If you want to link to a page that has a different tab selected, you'll need to append the tag's title to the URL, like this: http://wordpress.williams.edu/tabs/#safari.
It's easy to copy this URL:
- Hover over the tab until you see the link icon.
- Click the icon to copy the tab's URL to your clipboard.
- Paste the link where you need it.
Megamenu Social