FAQ Component

For use with data collections or on manual pages.
Quick Instructions for use:
1. Copy and paste div with ID faq-wrap. (Show and select in navigator, use keyboard to copy. Open new page, use keyboard to paste into navigator. If it is be used with a CMS collection list, paste it into the CMS collection component, or if used on a data template page anywhere desired on the navigator.)
2. Replace text that reads "[put your hidden text here]" with the text you want to be hidden until "show" is clicked. If text is to draw from a data collection, connect
3. #faq-wrap can be conditionally visible only if certain conditions are set in data collection.
4. See designer for Prisoner News or Global Mvmt for example of use

Show
Hide
[put your hidden text here]
Explanation if need to recreate:
Called "FAQ" because most frequent scenario is user clicks/taps a question and that opens (unhides) a hidden layer with the answer.
The key to its operation are two javascript interactions (code is written for you by WebFlow).
First click or tap triggers "FAQ Open / FAQ Close". Second click or tap triggers "FAQ Open 2 / FAQ Close 2". To view or change these interactions, select the triggering element (FAQ Question), then click the lightning icon which shows the name of the interaction, then click the brush next to name to edit.

Donation count-down horizontal thermometer made with CSS only

Explanation for use:
"Goal number" class is just a text field with a font size. Set this number per example (here $15,000)
"Glass" is the total width, no matter what the goal number is
"Progress" should be updated with the percentage of the goal that has been raised (set width size percentage)
"Goal step" [set nested class for width percentage e.g. 33] creates a vertical bar showing % raised (set width size percentage, e.g. 33)
"goal step text current" is text under the thermometer showing current amount raised

Warmest thanks to the generous donors from many countries who brought us close to our needed $15,000 to make payment to New York Review of Books. Can you reach out to friends, family and colleagues to help get us over the top?

$15,000
Total Donors: 95
Raised: $13,075
$5,000
$1,000