How to build accordian style debugger with DOM - a nudge?

Question

I have given up doing this in pure js. And I can't find the jquery accordian stuff i was looking over when I started this project originally. What is the best way to do this? My code is linked here

Answer 1

Here is jQuery UI Accordion.

All you need is:

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>
        <p>
        Paragraph 1
        </p>
    </div>
    <h3><a href="#">Section 2</a></h3>
    <div>
        <p>
        Paragraph 2
        </p>
    </div>
</div>

and

$(document).ready(function() {
    $("#accordion").accordion();
});