jQueryUI nested accordion only working on first sub-list

Question

I'm working on a site that has a dynamically generated FAQ and I'm trying to get nested accordions working. The problem is, only the first collection of questions take on the ui-accordion class. Here's my code: http://jsfiddle.net/SmFdt/ (I just copied the source of the page and stripped out most of the text) What am I doing wrong? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

You've got the same id assigned to multiple divs. Try the following instead: HTML

Frequently Asked Questions

One

A

AAAAAAAAAA

B

BBBBBBBBBB

Two

A2

AAAAAAAAAA2

B2

BBBBBBBBBB2

JavaScript $("div.accordian").accordion({ autoHeight: false, collapsible: true, active: false }); Link to example: http://jsfiddle.net/SmFdt/1/