Nested Accordion

Nested Accordion


Hi Guys,
I have 2 accordions. See below
<div id="acc1">
<div>
<h3> <a href="#">First</a></h3>
<div>firstdiv>
</div>
<div>
<h3><a href="#">Second</a></h3>
<div id="acc2">
<div>
<h3> <a href="#">Accordion 2-1</a></h3>
<div>div>
</div>
<div>
<h3><a href="#">Accordion 2-1</a></h3>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
</div>
</div>
</div>
The problem is as soon as i click anything in the 2nd accordion, the
"Second" tab closes up, my question is, how do i stop it closing up as
i want the user to see the content inside Accordion 2-1 etc.
Thanks for your help guys
Andy