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”] 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-O-Matic Centered Titlte
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”] Note: if the default tag is not already set to div, the tag=”div” attribute will need to be added as well.
Collapse-O-Matic: Changing Parent Element
This is the parent element with an id of ‘parent-superman’ Trigger Close 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 …
Continue reading “Collapse-O-Matic: Changing Parent Element”
Collapse-O-Matic – Table Test
Various ways the Collapse-O-Matic plugin may be used in conjunction with tables. Expanding The Entire Table This is straight forward. We simply wrap a table in an expand element: <table> <tbody> <tr><td>One</td><td>Two</td></tr> <tr><td>Three</td><td>Four</td></tr> </tbody> </table> Expanding A Row This is a bit more tricky. Notice, what happens when we wrap to wrap a table row …
Collapse-O-Matic Snap Close Test
The Big LebowskiTarget Content WalterTarget Content DonnyTarget Content
Collapse-O-Matic Top & Bottom Trigger Test
This is how to place a trigger at the top and bottom of a expand element: Read more…Read less……content… <span class=”collapseomatic colomat-close” id=”bot-swine”>Read less…</span>
Collapse-O-Matic Accessibility Test
Collapse-O-Matic Spacing Test
Here is some text at the top. Here is some text in the middle. Here is some text at the bottom.
Limited Time Offer Demo
This is an example of how a limited time offer would work in conjunction with content in a collapse-o-matic expand element. This demo uses T(-) Countdown Control with a cookie that tracks when the offer expires for each unique visitor. Once the countdown reaches zero, T(-) Countdown Events will remove any special offer items. For …