Category: Uncategorized
May 2014
July 2014

Posted on

Swapexcerpt Test

Shortcode Method

Here we use both the swaptitle and swapexcerpt attributes to define the alternate trigger text and excerpt text. Note that the text is immediately replaced with no slide or fade effects.

[expand title="Trigger 1" swaptitle="Trigger 2" excerpt="This is the content that will be shown While Trigger 1 is displayed" swapexcerpt="This is the content that will be shown While Trigger 2 is displayed" trigclass="noarrow"][/expand]

Trigger 1
This is the content that will be shown While Trigger 1 is displayed

Roll-Your-Own Method

Here we define:

  1. Original Trigger Text
  2. Swap Trigger Text
  3. Original Excerpt Text
  4. Swap Excerpt Text

<div class="collapseomatic noarrow" id="some_unique_id" title="Trigger 1">Trigger 1</div>

<div id='swap-some_unique_id' style='display:none;'>Trigger 2</div>

<div id="excerpt-some_unique_id" class="collapseomatic_excerpt ">This is the content that will be shown While Trigger 1 is displayed</div>

<div id="swapexcerpt-some_unique_id" style="display:none;">This is the content that will be shown While Trigger 2 is displayed</div>

Trigger 1
This is the content that will be shown While Trigger 1 is displayed

New Toggle Target Feature: swaptarget

Now for a new feature that allows us to use a single trigger with a swaptitle that toggles between two targets. This first example will use both the shortcode and a bit of roll-your-own trickery.

1. create the initial expand element with a unique id and a swaptitle:

[expand id="bert" title="Trigger 1" swaptitle="Trigger 2" trigclass="noarrow"]This is the Content that will be shown while Trigger 2 is displayed[/expand]

2. create second target area and assign it an id of swaptarget-name_of_first_target. also it must have a class of both collapseomatic_content and colomat_close:

<div id="swaptarget-bert" class="collapseomatic_content colomat_close">This is the Content that will be shown while Trigger 1 is displayed</div>

Trigger 1
This is the Content that will be shown while Trigger 2 is displayed
This is the Content that will be shown while Trigger 1 is displayed

Swaptarget Roll-Your-Own Method

This final example is how you could accomplish the same as above using only the roll-your-own method:

<div class="collapseomatic noarrow" id="ernie" title="Trigger 1">Trigger 1</div>

<div id='swap-ernie' style='display:none;'>Trigger 2</div>

<div id="target-ernie" class="collapseomatic_content ">This is the Content that will be shown while Trigger 2 is displayed</div>

<div id="swaptarget-ernie" class="collapseomatic_content colomat_close">This is the Content that will be shown while Trigger 1 is displayed</div>

Trigger 1
This is the Content that will be shown while Trigger 2 is displayed
This is the Content that will be shown while Trigger 1 is displayed. This will have a bit more content than the toggled version simply because we want to test a method that prevents the content below from bouncing up and down with the toggle. One idea would be to wrap this in a Div and give it a fixed height. Let’s start here and see what we can do.

New Fixed Height Feature: lockheight

Here we have the ability to lock the height of the largest target div so as we toggle between targets the height stays fixed. This is accomplished by wrapping the target divs in a lockheight div as follows:

<div class="collapseomatic noarrow" id="bigbird" title="Trigger 1">Trigger 1</div>

<div id='swap-bigbird' style='display:none;'>Trigger 2</div>

<div id="lockheight-bigbird">

<div id="target-bigbird" class="collapseomatic_content ">This is the Content that will be shown while Trigger 2 is displayed. This will have a bit more content than the toggled version simply because we want to test a method that prevents the content below from bouncing up and down with the toggle. One idea would be to wrap this in a Div and give it a fixed height. Let's start here and see what we can do.</div>

<div id="swaptarget-bigbird" class="collapseomatic_content colomat_close">This is the Content that will be shown while Trigger 1 is displayed.</div>

</div>

Trigger 1
This is the Content that will be shown while Trigger 2 is displayed. This will have a bit more content than the toggled version simply because we want to test a method that prevents the content below from bouncing up and down with the toggle. One idea would be to wrap this in a Div and give it a fixed height. Let’s start here and see what we can do.
This is the Content that will be shown while Trigger 1 is displayed.
Posted on

Collapse-O-Matic Force Collapse Test

Wild Billd
Gun Slinger
James Butler Hickok (May 27, 1837 – August 2, 1876), better known as “Wild Bill” Hickok, was a folk character of the American Old West. Although some of his exploits as reported at the time were fictionalized, his skills as a gunfighter and gambler, along with his reputation as a lawman, provided the basis for his enduring fame. Born and raised on a farm in rural Illinois, Hickok went west at age 18 as a fugitive from justice, first working as a stagecoach driver, then as a lawman in the frontier territories of Kansas and Nebraska. He fought (and spied) for the Union Army during the American Civil War, and gained publicity after the war as a scout, marksman, actor, and professional gambler. Hickok was involved in several notable shootouts. He was shot from behind and killed while playing poker in a saloon in Deadwood, Dakota Territory (now South Dakota) by an unsuccessful gambler. The card hand he held at the time of his death has come to be known today as poker’s “Dead Man’s Hand”.
wild bill
ames Butler Hickok (May 27, 1837 – August 2, 1876), better known as “Wild Bill” Hickok, was a folk character of the American Old West. Although some of his exploits as reported at the time were fictionalized, his skills as a gunfighter and gambler, along with his reputation as a lawman, provided the basis for his enduring fame. Born and raised on a farm in rural Illinois, Hickok went west at age 18 as a fugitive from justice, first working as a stagecoach driver, then as a lawman in the frontier territories of Kansas and Nebraska. He fought (and spied) for the Union Army during the American Civil War, and gained publicity after the war as a scout, marksman, actor, and professional gambler. Hickok was involved in several notable shootouts. He was shot from behind and killed while playing poker in a saloon in Deadwood, Dakota Territory (now South Dakota) by an unsuccessful gambler. The card hand he held at the time of his death has come to be known today as poker’s “Dead Man’s Hand”.

expand all

Posted on

Collapse-Pro-Matic Global Cookies

As of Collapse-Pro-Matic version 1.0.4 there is a new Global Cookie setting based on this thread by Grant Pax.

Setup

  1. Provide a unique name under Dashboard > Settings > Collapse-Pro-Matic > Global Cookie Name. For this example we will use monkeybucket
  2. provide ONE collapse element that will be used to set the global cookie value. This master trigger element must have the following attributes:
    • cookiename="your_global_cookie_name"
    • trigclass="setall"

    Example:
    [expand title="Expand All" swaptitle="Collapse All" cookiename="monkeybucket" trigclass="setall"/]

Demo

Expand All
expand 1
this is the first expand item
expand 2
this is the second expand item
expand 3
this is the third expand item
expand 4
this is the forth expand item
Posted on

Hover-O-Matic 0.4 Test

Roll-Your-Own Method:

Trigger

1. has class: collapseomatic
2. has an id, example: ape

Target

1. has class: collapseomatic_content
2. has id in the format target-trigger_id, example: target-ape

Internal Close Triger

1. has class: colomat-internalclose
2. has id in the format bot-trigger_id, example: bot-ape

Live Demo

ape mule

this is some lovely hidden ape content
internal close
this is some lovely hidden mule content. And here is a link to close the content.
Posted on

Collapse-O-Matic Nested Spacing Issue

Solution 1: Remove all hard returns in source:

Observation and Interpretation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue ornare lacus,

Focus On: Topics

Immigration

Observation and Interpretation

Vestibulum ornare ante in nibh ullamcorper gravida. Aliquam rutrum arcu a metus pellentesque, auctor laoreet velit iaculis.

Religion

Cras sollicitudin pellentesque pellentesque. In hac habitasse platea dictumst. Mauris eu varius nisl.

Moravian Community Life

Women’s Roles

Material Culture

Purpose of Portraiture

The American Revolution: Boston

The American Revolution: Bethlehem, PA

The Artist: John Singleton Copley

The Artist: Johann Valentine Haidt

Discussion Questions

Primary Sources

Young Moravian Girl

  • Writings/ memoirs of 4 Moravian women
  • Extracts from Moravian diary confirming Haidt as teacher
  • Lafayette’s letter to his wife describing Bethlehem
  • Various Moravian portraits by Haidt and prints of Bethlehem

Mrs. George Watson

  • The death sermon of Mrs. Watson
  • Paul Revere’s print of the Bloody Massacre
  • John Singleton Copley’s letter about George Watson
  • George Watson’s resignation letter to Gen. Gage
  • Henry Pelham’s letter on Tea Party incident
  • Letter by Richard Clarke about tea shipment (Boston Tea Party)
  • Letter from Abigail Adams to Elizabeth Cranch about daughter of Mrs. George Watson
  • Various portraits of family members by Copley
  • Contemporary transcript of the Boston Massacre Trials