Collapse-O-Matic Target Tag & Target Position Test
targtag="span" targpos="inline"
Note: if your theme uses :befor and :after pusdo classes for span we need to assign special classes to remove these.
trigclass="span_fix" targclass="span_fix"
CSS
.my_trigger:hover {
text-decoration: underline;
}
.span_fix {
padding: 0 !important;
margin: 0 !important;
}
.span_fix:before, .span_fix:after {
content: none;
}
Inline Trigger Text
[expand title="just some text as an in-line trigger" tag="span" targtag="span" targpos="inline" trigclass="my_trigger span_fix noarrow" targclass="span_fix"]...[/expand]
Demo 01:
This is an example of some text with [expand title="just some text as an in-line trigger" tag="span" targtag="span" targpos="inline" trigclass="my_trigger span_fix noarrow" targclass="span_fix"]...[/expand] with some small text at the end.
This is an example of some text with just some text as an in-line trigger with some more text coming after. The Central African jungle? We’ve been there. The tunnels under Sao Paulo where you’ll find some of the world’s best art? Sure. Penguins? We love them – just be careful about that wave that’s about to hit our cinematographer there in the center of that photo. with some small text at the end.
Demo 2:
[expand title="the_title" tag="h4" targtag="span" targpos="inline" targclass="span_fix" excerpt="the_excerpt"]the_content[/expand]
WANT TO HAVE COFFEE?
Collapse-O-Matic Additional Trigger Below
T(-) Countdown > Hide Hours, Minutes, Seconds
To hide the hours in the jedi style via css:
.jedi-hours_dash{
display: none;
}
Collapse-O-Matic ID Tag In Link
A quick example of how to link to—and autoexpand—a collapse-o-matic element on the same page. Key: Assign the link a class of expandanchor
like so:
[expand title="question 1" id="q1"]answer 1[/expand]
[expand title="question 2" id="q2"]answer 2[/expand]
[expand title="question 3" id="q3"]answer 3[/expand]
<a class="expandanchor" href="#q1">question 1</a>
<a class="expandanchor" href="#q2" rel="m_PageScroll2id">question 2</a>
<a href="#q3">question 1</a>
question 2 (page scroll 2 id)
question 3 (no expandanchor class)
Collapse-O-Matic > Center
T(-) Countdown Control > Hoth Style
Collapse-O-Matic > SwapTitle w/ Link
Collapse-O-Matic > Highlander & Findme Test
Here are some examples of using the findme and the highlander grouping together:
[expand title="Monkeys" rel="animal-highlander" tag="div" findme="auto"]...[/expand]
[expand title="Donkeys" rel="animal-highlander" tag="div" trigclass="redletter" findme="1200"]...[/expand]
The New World monkeys (superfamily Ceboidea) are classified within the parvorder of Platyrrhini, whereas the Old World monkeys (superfamily Cercopithecoidea) form part of the parvorder Catarrhini, which also includes the hominoids (apes, including humans). Thus, as Old World monkeys are more closely related to hominoids than they are to New World monkeys, the monkeys are not a unitary (monophyletic) group.
A male donkey or ass is called a jack, a female a jenny or jennet;[3][4][5] a young donkey is a foal.[5] Jack donkeys are often used to produce mules.
Asses were first domesticated around 3000 BC,[6] or 4000 BC, probably in Egypt or Mesopotamia,[7] and have spread around the world. They continue to fill important roles in many places today. While domesticated species are increasing in numbers, the African wild ass and another relative, the Onager, are endangered. As beasts of burden and companions, asses and donkeys have worked together with humans for millennia.
click here to close
[expand title="This title text is in red, font color='blue'>blue, green, and orange"]Isn't it colourful?[/expand]
[expand title="Example word" tag="div"]this is a test, nothing to see here.[/expand]
T(-) Countdown > Shortcode Test
May the force...