A Pluginoven Test Site
Here is an example of using html inside a shortcode attribute: HTML TitleHere is some content As of 1.8.4 this will no longer work. Instead we need to use the tag attribute: Non HTML TitleHere is some content Here is a test also using HTML in the swaptitle attribugte HTML TitleHey DudeHere is some content
Quick test to demonstrate how to use the tag and css to control the look of a trigger. The Shortcode The CSS The Results
Client request: When one trigger is selected, hide all other triggers. Well, let’s see. We can easily set up a highlander group, this will automatically collapse all other elements: Item 1Target Content Item 2Target Content Item 3Target Content Now, according to the highlander class feature, we can control the closed items CSS: .item-highlander_closed { display: …
Continue reading “Collapse-Pro-Matic – Hide all other triggers”
Quick test of all the animation effects with Collapse-O-Matic v 1.8.3:
CSS
This is an example of a simple expand element with an excerpt: The excerpt can be repositioned above the trigger by adding excerptpos=”above-trigger” like so: The following CSS can be used to control the vertical spacing between the three components. So that we don’t adjust all expand elements, the first step is to provide a …
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:
this is a test that will show nested collapse elements with a twist: only the first sub element will be shown. once it has been expanded, the next expand element will be displayed… and so on until the all elements visible.
This is a test of nesting grouping. First, nested highlander grouping:
This is a test of the new findme options available with collapse-o-matic. In addition to the values of ‘auto’ and a fixed numeric offset, the findme attributes now supports ‘trigger’ and ‘target’. Target For target to make sense, there would need to be content between the trigger and target. We do this using the roll-your-own …