Header - 'Accordian.freeway' action

Here is the text and if you need to simulate a Paragraph, you MUST ONLY use two line breaks insttead of Para.
 

Here is the text and if you need to simulate a Paragraph, you MUST ONLY use two line breaks instead of Para.

Instructions:

1. Draw an HTML box.
2. Type your first header text into it, press return.
3. Type your first body copy block into it, press return. (This block should not contain any paragraph returns, if you need to simulate that, use two line-breaks (Option-Return) instead.)
4. Style the header as a non-paragraph tagÑan h2, h3, something like that. Style the body copy block the way you would like it to appear. Make sure that there is a full paragraph break after it.
5. Select all, copy, and paste as many times as you need for your elements. Edit the text to match your real content.
6. Set the HTML box to have no height, if you haven't already (de-select the height icon in the Inspector).
7. Apply the ScriptyAccordion Action (Accordoan.freeway) to the HTML box.
8. Use the Actions palette to set the Trigger Event to either mouseover or click, depending on your needs. (I prefer click, its less fiddly for the user.) Set the Header element to whatever you used as your headers (h3, in this example). Set the show/hide elements to P.
9. Preview or publish.

Header

Here is the text and if you need to simulate a Paragraph, you MUST ONLY use two line breaks insttead of Para.
 

Here is the text and if you need to simulate a Paragraph, you MUST ONLY use two line breaks instead of Para.

item2

®

HowtoPay
Olark Livehelp

We never share information with third parties.

k1
k2

(two-stroke k accessed as an alternative)

(one-stroke k accessed as an alternative)

* indicates required field

*

*

*

*

GoHome