Collapse-O-Matic Nested Grouping

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
This One
One
This Two
Two
This Three
Three
That
That One
One
That Two
Two
that Three
Three

Collapse-O-Matic New Findme Options

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’.

Target

[expand title="trigger" findme="target"]hidden content[/expand]
trigger
hidden content

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>
trigger text

This is some bulky content… how about a picture of a donkey.

I am a donkey in a manhole.
Target Content

Collapse-Pro-Matic Cookie Based Expand

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]
test
hidden content

Inline Test

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 […CLICK TO EXPAND] 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! [CLICK TO HIDE]

T(-) Countdown Gutenberg Test

This is a test for integrating T(-) Countdown with Gutenberg Blocks.
First, we need to tidy up how the Javascript is being used. Here is a basic countdown that uses a shortcode.

Years
0
0
Months
0
0
Weeks
0
0
Days
0
0
Hours
0
0
Minutes
0
5
Seconds
0
0

Now let’s try a shortcode with a launch target of an external element.

This is a block with an id of ‘monkeymonk’


[tminus t="+10 secs" launchtarget="monkeymonk"]monkey is in space… space monkey![/tminus]

Years
0
0
Months
0
0
Weeks
0
0
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
1
0
Years
0
0
Months
0
0
Weeks
0
0
Days
0
1
Hours
0
0
Minutes
0
0
Seconds
0
0

T(-) Countdown 2.0 Style Tests

Jedi

Dealing with 2, 3 and 4 digits
[tminus t="+1366 days +10 sec" omityears="true" omitmonths="true" omitweeks="true" style="jedi"/]

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Darth

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Carbonite

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Carbonlite

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

c-3po

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

c-3po-mini

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

carbonite-responsive

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

circle

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

cloud-city

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

hoth

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

naboo

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

sith

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

TIE-fighter

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

T(-)Minus Countdown Years and Months

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"/]

Years
0
1
Months
0
1
Weeks
0
2
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 2 – Omit Years

This test will omit the years, resulting in expanded months.
[|tminus t="+410 days" omityears="true" style="c-3po"/]]

Months
1
3
Weeks
0
2
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
0
0

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"/]

Years
0
1
Weeks
0
6
Days
0
2
Hours
0
0
Minutes
0
0
Seconds
0
0

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"/]

Weeks
5
8
Days
0
4
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 5 – Omit Years, Months and Weeks

Days for days…
[tminus t="+410 days" omityears="true" omitmonths="true" omitweeks="true" style="c-3po"/]

Days
4
1
0
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 6 – Omit Weeks Only

No weeks, but the rest.
[tminus t="+410 days" omitweeks="true" style="c-3po"/]

Years
0
1
Months
0
1
Days
1
4
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 7 – Omit Months and Weeks

No months, no weeks.
[tminus t="+410 days +10 secs" omitmonths="true" omitweeks="true" style="c-3po"/]

Years
0
1
Days
4
4
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 8 – Omit Years and Weeks

No years, no weeks.
[tminus t="+410 days" omityears="true" omitweeks="true" style="c-3po"/]

Months
1
3
Days
1
4
Hours
0
0
Minutes
0
0
Seconds
0
0