Page 7 sur 24
Accordions
To hide or show text in a retractable panel, use the [accordion] shortcode. You can switch between having a single open item or multiple open items by setting the collapse parameter to true or false.
Single open item
How can I find happiness?
Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.
Are you available for freelance work?
Is there documentation available for this theme?
markup
[accordion collapse="true"] [accordion_panel title="title"]your content here[/accordion_panel] [accordion_panel title="title"]your content here[/accordion_panel] [/accordion]
Multiple open items
How can I find happiness?
Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.
Are you available for freelance work?
Is there documentation available for this theme?
markup
[accordion collapse="false"] [accordion_panel title="title"]your content here[/accordion_panel] [accordion_panel title="title"]your content here[/accordion_panel] [/accordion]
Toggles
To hide or show text in a retractable panel, use the [toggle] shortcode. A good example of how the toggles can be used is in createing a Frequently Asked Question section by using multiple toggles. To have the toggle open on page load, set the 'open' option to true; To have the toggle closed by default, set the 'open' option to false
open toggle
How can I find happiness?
Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.
markup
[toggle open="true" title="Your toggle title here"]Your toggle content here[/toggle]
closed toggle
How can I find happiness?
markup
[toggle open="false" title="Your toggle title here"]Your toggle content here[/toggle]
Toggle with code
You can also use the toggles to show/hide code snippets by wrapping the content with <code>
show code
markup
[toggle_code open="false" title="Show code"]Your toggle code here[/toggle_code]
