Nested Accordion

[Andy]

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