Turn a JSON file into single JQuery Accordion Page

Turn a JSON file into single JQuery Accordion Page

Closed - This job posting has been filled and work has been completed.

Job Description

I want to turn a JSON file into an accordion layout of the information as a single HTML page (no client side logic). I have a sample data file below. In the collapsed view, each row would be a title (also uniquely identified by the group), and then it's children would be the observations, labeled by "person". The the questions and answers will be nested under the person.

http://jqueryui.com/accordion/

data = [
{{
"group": 1,
"title":"Here is some stuff",
"person":"Dave",
"questions": ["What is your favorite color?",
"How much wood can a woodchuck chuck?"],
"answers":["Blue","25 woodchuck pieces."]
}
,
{
"group": 1,
"title":"Here is some stuff",
"person":"Andrew",
"questions": ["What is your favorite color?",
"How much wood can a woodchuck chuck?"],
"answers":["Blue","25 woodchuck pieces."]
},
{
"group": 2,
"title":"Different stuff",
"person":"Mike",
"questions": ["What is your favorite color?",
"How much wood can a woodchuck chuck?"],
"answers":["Blue","25 woodchuck pieces."]
}}

---
Skills: json

Other open jobs by this client