Latest Items Added:

Full Component List:

Details and Summary Classes

Address to a Haggis

by Robert Burns

Fair fa' your honest, sonsie face,
Great chieftain o the puddin'-race!
Aboon them a' ye tak your place,
Painch, tripe, or thairm:
Weel are ye wordy of a grace
As lang's my arm.

Haggis

A savoury pudding containing sheep's pluck, minced with onion, oatmeal, suet, spices, and salt, mixed with stock, and cooked while traditionally encased in the animal's stomach. (Wikipedia)

Robert Burns

Robert Burns (1759 - 1796), also known familiarly as Rabbie Burns, was a Scottish poet and lyricist. He is widely regarded as the national poet of Scotland and is celebrated worldwide. (Wikipedia)

Fair fa'

Good luck!

sonsie

Comely, pretty

Aboon

Above

Painch

Paunch, belly

thairm

Intestines

Details and Summary Classes

With these two classes working in combination one can easily make small dropdowns or accordions. Here they have been used for the explanation of some expressions in the somewhat old fashioned language at the time of the Scottish national bard, Robert Burns.

The 'details' are the explanations, which are hidden from view until the 'summary' has been clicked on. 

To change the content of the .details one simply removes the tick in the Elements Tree from 'Hide 7 items at this breakpoint' and edits the paragraphs on the canvas. While those .details paragraphs are open on the canvas, it's easy to select one on the canvas and enter revised .summary words in its Before Code entry, and copy and paste them from there to the relevant 'sum' paragraph.

Placeholder Picture

Download this component

The component can be used both for 'mobile-up' and 'desktop-down'.