Header

Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here.

Header

Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here.

Header

Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here.

Header

Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here. Body copy here and here and here.

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 (Shift-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 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, it’s 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.