Collapsing Box Problems

[AsylumDreams]

Hello
I'm having trouble with a bit of code for a collapsible box.
When placed inside of each other, any inside the original remains in an open position.
Any help would be appreciated.


-----

<div class="Glossary-Item-Block Ajax-Panel" id="1111" style="border-color: rgb(0, 0, 0); background-color: rgb(7, 15, 0);">
<span class="Glossary-Item">
<span class="Arrow Icon-Down"> </span><a name="1111">1111</a></span>
<div style="overflow: visible; opacity: 1; display: none;" class="Glossary-Desc">

<div class="Glossary-Item-Block Ajax-Panel" id="2222" style="border-color: rgb(0, 0, 0); background-color: rgb(7, 15, 0);">
<span class="Glossary-Item">
<span class="Arrow Icon-Down"> </span><a name="2222">2222</a></span>
<div style="display: none;" class="Glossary-Desc">
Hide Me!
</div></div>

</div></div>

<script type="text/javascript">new GlossaryManager(['1111','2222']);</script>

[A1ien51]

What in the world is GlossaryManager?

Eric