Spoiler Collapse-o-matic | Doc1 

Collapse-o-matic |
Spoilers1 |
Collapse-o-matic – Basics |
Collapse-o-matic – Doc1 | 
Collapse-o-matic – IMG |
Collapse-o-matic – IMG2 | 
Collapse-o-matic IMG3 | 
Collapse-o-matic – Jittery expand |


Roll-your-own method
The elements are created manually rather than through the shortcode: ‹div class=’collapseomatic’ id=’any_id’ title=’trigger’>‹b>Title‹/b>: Trigger-Text ‹/div> ‹div class=’collapseomatic_content‘ id=’target-any_id’> Target-Content expanded ../.. ‹/div>
Title: Trigger-Text
Target-Content expanded Comments: 1. Is it Slower? | 2. Requires an expand somewhere in the page to function.
    Summary: Issues faced ... Unreliable 'page push down' & conflicts with LGC columns
The Collapse-o-matic plugin has problems with page push not always executing + collapsed content in ‘side by side’ LGC columns.

Title & inline url
Collapse-Pro-Matic link
Roll-Your-Own Method w/ Magic CSS. Thanks to the magic_beans class placed in settings, elements are inline in the trigger. ‹div class=”collapseomatic magic_beans” id=”my_unique_id” title=”.”> Title & inline url ‹/div> ‹a href=”http://etc../” class=”magic_beans”>Collapse-Pro-Matic link‹/a> ‹div id=”target-my_unique_id” class=”collapseomatic_content clear”>‹/div>
data-duration=”500″ data-animation-effect=”fadeIn”
‹img src=”/wp-content/uploads/ARROW_R.png” width=”18″ class=”collapseomatic” id=”some_id” title=”.”> ‹div class=”collapseomatic_content” id=”target-some_id” > CONTENT ‹/div>
Title & inline url
Collapse-Pro-Matic link
Roll-Your-Own Method w/ Magic CSS. Thanks to the magic_beans class placed in settings, elements are inline in the trigger. ‹div class=”collapseomatic magic_beans” id=”my_unique_id” title=”.”> Title & inline url ‹/div> ‹a href=”http://etc../” class=”magic_beans”>Collapse-Pro-Matic link‹/a> ‹div id=”target-my_unique_id” class=”collapseomatic_content clear”>‹/div>
Title: Swap title & Accordion tested
Target-Content expanded. Swap title & Accordion are NotOK or unknown method
Highlander Grouping Highlander grouping is accomplished by adding data-group=”group_name-highlander” like so:
Monkeys
Donkeys
The monkey says Eek! Eek!
The Donkey says Hee Haw
    › Title
CONTENT
< div class="collapseomatic " id="co-open1" title="Title-1" swaptitle="Swap"notOK notitle=”true”>     › Title < /div> < div id="target-co-open1" class="collapseomatic_content "> CONTENT
Item 1
content 1
Item 2
content 2
Item 3
content 3

< /div>

LGC Column 80%

Basic shortcode (Simple examples stored in ACF_Wys0)


    Example1    ∫    ·expand title='TITLE'· CONTENT ·/expand·
CONTENT
[ expand title=” Example1 ” ] CONTENT [ /expand ]


    Log-in / Log-out
[ expand title=”” swaptitle=”” notitle=”true”why? id=”THIS-ID” ]   CONTENT
< div class="collapseomatic colomat-close" id="THIS-ID" style="">x< /div> … This line only if x required
[ /expand]


WP.org support thread … roll-your-own-method … line-of-trigger-images
class = collapseomatic_content id= target-my_new_id
Trigger: class = collapseomatic noarrow id= some_id Target: class = collapseomatic_content id= target-some_id
Check out the html go to tag id=”target-anchor” scrollonclose=”200″ expanded=”true” tag=”h2″ > content The targtag attribute replaces the default HTML tag that wraps the target content. By default the HTML tag is div. ex: targtag=”strong” elwraptag=”u” entire content and titles trigclass=”arrowright”? or “highlight”? targtag=”span” targpos=”inline”
WHY Collapsomatic not OK to push in Lightweight Grid Columns ???