Creating collapsible FAQ with JQuery

Using JavaScript with Hype
1

Trouble creating simple example of collabsible FAQs using the code at https://davidwalsh.name/jquery-sliders. ADded JQuery to HEAD, running the function on scene load, and examining in Chrome Dev tools shows what appears to be the right DOM structure, but no love.

Ideas? Is iFrame the best place to put these?

Toy example attached.
FAQ toy.hype.zip (25.1 KB)

2

You might be able to use ‘css details’…

<details>
    <p>This content is hidden from view, and only visible on click.</p>
</details>

<br>

<details>
<summary>Show/Hide Content</summary>
    <p>This content is hidden from view, and only visible on click.</p>
</details>

css_details.hype.zip (12.5 KB)

1 Like
3

Thought this would be great - except it appears

is unsupported by IE. Need to reconsider…