Test of a faster redirect when a countdown is already expired.
here we go:
[collapse_grid cat_id=”4″ count=”5″/]
[[collapse_grid cat_id="4" count="5"/]]
First let’s test the mobile-only and mobile-exclude shortcodes to see if they are included with the plugin. No, they are not.
[mobile only] this is some text that should only show up on mobile devices
[mobile-exclude] this is some text that should only show up on non-mobile devices
This is a test of Print-O-Matic using multiple targets, for example:
And now for the trigger:
[print-me target="#targ_id_one, #targ_id_two"/]
We have already demonstrated how the new animation_effect and duration attributes work with a shortcode. Now we will show the same example but using the roll-your-own method. As always, the default effect is slideFade and duration is fast, but these can be overwritten globally in the plugin settings. As of version 1.7.3 these attributes can be applied on a collapse element basis using two new data-atributes: data-effect and data-duration.
<div class="collapseomatic" id="monkey" title="Monkeys">Monkeys</div> <div id="target-monkey" class="collapseomatic_content">....</div> <div class="collapseomatic" id="donkey" data-duration="slow" title="Donkeys">Donkeys</div> <div id="target-donkey" class="collapseomatic_content">....</div> <div class="collapseomatic" id="ninja" data-duration="1" data-animation_effect="slideToggle" title="Ninjas">Ninjas</div> <div id="target-ninja" class="collapseomatic_content">....</div>
Currently the slide effect and duration can be set globally under the plugin settings, but what if we want to set it individually per collapse element? We need the ability to add this via a shortcode attribute and as a data attribute for the roll-your-own method.
Default animation_effect is slideFade and duration is fast. As of version 1.7.3 these can be overridden using two new attributes: animation_effect and duration. Since using a shortcode will save the default effect and speed to a variable, we need to set up a separate test for the roll-your-own method
[expand title="Monkeys"]...[/expand] [expand title="Donkeys" duration="slow"]...[/expand] [expand title="Ninjas" animation_effect="slideToggle"]...[/expand]