Collapse-O-Matic > Multiple Triggers

First create a standard collapse element and assign it an id:
[expand title="This is the Master Trigger" id="multitrig"]

This is the Master Trigger
This is some text that when you click on the trigger you are able to read with your eyes. Well, your eyes are able to see the text, but I guess it’s actually your brain that reads the words and makes sense of them. But jokes on you! There is no sense to be made from these words because they are just pure jibber-jabber.

Now if an additional trigger link is needed, just insert a span with “collapseomatic noarrow” class and and id that is ‘bot-[the_target_id]’ like so:
<span class="collapseomatic noarrow" id="bot-multitrig">This is a second trigger</span>
This is a second trigger

Collapse-Pro-Matic Class Triggers

As of version 1.3.2 of Collapse-Pro-Matic an external trigger can also be assigned to any element using only class names. Check out collapse-pro-matic advanced external triggers for more information and a working demo.

Collapse-O-Matic Centered Titlte

This title is Left
This is left stuff that makes the wonky wank wonder spank

To center the text first add the following to the theme’s style.css file:
.centron {
text-align: center;
}

Next, add the trigclass=”centron” attributes to the expand shortcode:
[expand title="This title is Centered" trigclass="centron"]

This title is Centered
This is the text that makes the baw-bitty-baw-ba-baw-ba-baw-baw ditty bitty baw ditty dong de up chuck the monkey

Note: if the default tag is not already set to div, the tag=”div” attribute will need to be added as well.

Single Line Jedi Countdown

This is a countdown, style jedi, with weeks removed

days
0
-178
-9
hours
0
-3
minutes
-4
-3
seconds
-3
-5

days where forced to show on the same line as Hours, Minutes and Seconds by adding the following css to the theme’s style.css file plugin’s option page under the Custom Css section:

.jedi-hours_dash {
clear: none !important;
}

Now, seconds are being pushed to the next line because the width of the dashboard is not wide enough. The dashboard is expanded to 298px to fit Days, Hours, Mins and Secs on the same line by adding the following css to the theme’s style.css file plugin’s option page under the Custom Css section:

.jedi-dashboard {
width: 298px !important;
}

Print-O-Matic Test

Collapse-O-Matic: Changing Parent Element

This is the parent element with an id of ‘parent-superman’

Trigger Open

I am some awesome content that is magically visible when the trigger above is clicked. To close this amazing content, either click the Trigger Close trigger above, or the Internal Close Trigger below:
Internal Close Trigger

This is the parent element with an id of ‘parent-superman’

Trigger Open

I am some awesome content that is magically visible when the trigger above is clicked. To close this amazing content, either click the Trigger Close trigger above, or the Internal Close Trigger below:
Internal Close Trigger

Element Wrap Test

The new elwraptag and elwrapclass attributes:

[expand title="trigger test" elwraptag="div" elwrapclass="classy"]target content[/expand]

This is the first element wrapped in a div
content to cause wonder and amazement.
This is the second element wrapped in a classy div
content to cause wonder and amazement.
This is the third element not wrapped
content to cause wonder and amazement.

Skinny Collapse Wrap

This is the first element and it's short
content to cause wonder and amazement.
This is a bit longer second element, longer than the first element
content to cause wonder and amazement.

Ordered Lists

  1. Lorem ipsum dolor sit amet dolor sit ipsum, dolor ipsum sit amet dolor sit ipsum?
  2. Content here
  3. Lorem ipsum dolor sit amet dolor sit ipsum, dolor ipsum sit amet dolor sit ipsum?
  4. Content here
  5. Lorem ipsum dolor sit amet dolor sit ipsum, dolor ipsum sit amet dolor sit ipsum?
  6. Content here
  7. Lorem ipsum dolor sit amet dolor sit ipsum, dolor ipsum sit amet dolor sit ipsum?
  8. Content here
  9. Lorem ipsum dolor sit amet dolor sit ipsum, dolor ipsum sit amet dolor sit ipsum?
  10. Content here