Collapse-o-matic Basics | Doc1 + My Button style
1.
2.
Caption▷1: ØfL1.25% | Øsub0
< style > .my_button {background-color:rgba(226,226,230,1); font-weight:bold; color:rgba(100,100,100,1); letter-spacing:1px; border-radius:2px; padding:4px 6px; width:100px; text-align:center; border:1px solid rgba(180,180,170,1);} .my_button.colomat-hover {background-color:rgba(210,210,214,1); color:black; letter-spacing:1px; text-align:center; border:1px solid rgba(180,180,170,1);} < /style > 75395 Edit sc cardlet1
Target content for second trigger
The Roll-Your-Own Method … when this trigger is clicked, .. it shows the expand content … there inline, right in the middle of the current text flow.
Chapter 1

Caption▷1: ØfL1.25% | Øsub0
.. Here is the expand content including with the ACF_wys1 … there inline, right in the middle of the current text flow.
Important … <tx2>Inline Trigger with Block Target</tx2>.. Here is the expand content including with the ACF_wys1

Caption▷1: ØfL1.25% | Øsub0
 It is clicked in the middle of a text sequence …
Collapse-O-Matic Button · Code Note: Where is the noarrow class?
Open
[ expand title=”Open” swaptitle=”Close” trigclass=”noarrow my_button” tag=”div ] Style (See local in this page) .my_button | .my_button.colomat-hover

Open ... Trying to master the excerpt and div / span
[ expand title=”Open” swaptitle=”Close” trigclass=”noarrow my_button” tag=”span” excerpt=”   … excerpt” excerpttag=”span” ] Style (See local in this page) .my_button | .my_button.colomat-hover
Collapse-O-Matic w/ Inline Excerpt The trick to keeping the excerpt in line with the trigger text, is simply to use the excerpttag attribute to have the excerpt use a span tag like so:
<tx2>Open</tx2> This the excerpt
Code: expand title=”Open” swaptitle=”Close” tag=”span” excerpt=”This the excerpt” excerpttag=”span”
Collapse-o-matic with inline link This is an example of a collapse element with an inline link.
<tx2>Linked trigger title <a href='/posts/spoiler-collapse-o-matic-img/' class='popup' data-height='720' data-width='1240'>  <azur>Go to collapse-o-matic-img Link</azur></tx2></a>
Use single and double quotes as is shown in the code