Month: June 2020
May 2020
July 2020

Posted on

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
Posted on

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
a caption
The Great Wave