this is a test that will show nested collapse elements with a twist: only the first sub element will be shown. once it has been expanded, the next expand element will be displayed… and so on until the all elements visible.
This is a test of nesting grouping. First, nested highlander grouping:
[expand title="This" rel="main-highlander"] [expandsub1 title="This One" rel="this-highlander"]One[/expandsub1] [expandsub1 title="This Two" rel="this-highlander"]Two[/expandsub1] [expandsub1 title="This Three" rel="this-highlander"]Three[/expandsub1] [/expand] [expand title="That" rel="main-highlander"] [expandsub1 title="That One" rel="that-highlander"]One[/expandsub1] [expandsub1 title="That Two" rel="that-highlander"]Two[/expandsub1] [expandsub1 title="that Three" rel="that-highlander"]Three[/expandsub1] [/expand]
This is a test of the new findme options available with collapse-o-matic. In addition to the values of ‘auto’ and a fixed numeric offset, the findme attributes now supports ‘trigger’ and ‘target’.
[expand title="trigger" findme="target"]hidden content[/expand]
For target to make sense, there would need to be content between the trigger and target. We do this using the roll-your-own method:
<div class="collapseomatic find-me" id="my_example" title="trigger text" data-offset="-60" data-findme="target">trigger text</div> some bulky content. Notice the offset of -60, this is to compensate for the sticky menu element at the top of the page. <div id="target-my_example" class="collapseomatic_content ">Target Content</div>
This is some bulky content… how about a picture of a donkey.
This is a demo of how to use a cookie to auto-collapse a expand element that is expanded by default. The idea is to set up an expand element this is expanded by default, but if a user collapses it once, it will no longer load auto-expanded for that user until the cookie expires.
For example the following expand element should be auto-expanded until it is manually collapsed. After this, the element will remain collapsed when the page is revisited.
[expand title="test" expanded="once" cookiename="my_cookie"]hidden content[/expand]
This is a test to use a accessible button as the print trigger.
[print-me printicon="false" tag="button" title="print-me" /]
Leo Love and Sex
Leo’s, being of a Fire sign, are heartfelt and passionate, being capable of expressing their feelings effortlessly and with transparency. Toward their beloved they are giving, respectful, devoted and fun. They are strongly independent and driven, and so will try to be the dominate party of the relationship. The partner of a Leo may grow tired of being domineered, in particular if the Leo imposes their will upon matters that are not of their concern. In order to tolerate the Leo’s strong imposing will, the partner of a Leo needs to be learned and at an equivalent intellect. They also need to be willing to speak up for themselves and to defend their ground, else the blazing Sun of the Leo will scorch their personality. The Leo’s sex life is dynamic, fun and adventurous. They are very aware of the fine line separating love and sex, which can cause them trouble within an established relationship if they too often neglect to show intimacy or connect emotionally with their partner during love making. Ultimately, Leo’s want that their partners peer past their self-centered shell and look deep into their subconscious sensitive core, so as to search out their want of satisfaction resulting from a purposeful relationship. Leo Love Compatibility: Aries, Gemini, Libra, Sagittarius!
This is a test for integrating T(-) Countdown with Gutenberg Blocks.
Now let’s try a shortcode with a launch target of an external element.
[tminus t="+10 secs" launchtarget="monkeymonk"]monkey is in space… space monkey![/tminus]
Dealing with 2, 3 and 4 digits
[tminus t="+1366 days +10 sec" omityears="true" omitmonths="true" omitweeks="true" style="jedi"/]
[expand tag="span" title="this is a span: hey dude"]…did you like that[/expand]
This is a quick test to try out the new years and month options added in version 2.3.20… this looks like it might end up being version 2.4.0 at this rate. Yup, it will be a major release.
Test 1 – Show it All
This test should show everything: Years, Months, Weeks, Days… and the rest.
[tminus t="+410 days +10 sec" style="c-3po"/]
Test 2 – Omit Years
This test will omit the years, resulting in expanded months.
[|tminus t="+410 days" omityears="true" style="c-3po"/]]
Test 3 – Omit Months – Keep Years
This test will display the years, but convert months to weeks.
[tminus t="+410 days" omitmonths="true" style="c-3po"/]
Test 4 – Omit Years and Months
The title, pretty much says it all. No years, no Months… just a whole lott’a weeks:
[tminus t="+410 days" omityears="true" omitmonths="true" style="c-3po"/]
Test 5 – Omit Years, Months and Weeks
Days for days…
[tminus t="+410 days" omityears="true" omitmonths="true" omitweeks="true"
Test 6 – Omit Weeks Only
No weeks, but the rest.
[tminus t="+410 days" omitweeks="true" style="c-3po"/]
Test 7 – Omit Months and Weeks
No months, no weeks.
[tminus t="+410 days +10 secs" omitmonths="true" omitweeks="true" style="c-3po"/]
Test 8 – Omit Years and Weeks
No years, no weeks.
[tminus t="+410 days" omityears="true" omitweeks="true" style="c-3po"/]