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
Close
[ expand title=”Open” swaptitle=”Close” trigclass=”noarrow my_button” tag=”div ]
Style (See local in this page) .my_button | .my_button.colomat-hover
OpenClose ... 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><tx2>Close</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