Div oculto que se despliega dentro de una lista¿?

[xcoltx]

Hola amiga.. mira yo hice hace un tiempo algo que creo que te pueda funcionar... aunque uso jquery .. espero que puedas entender el ejemplo.

Código Javascript:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    
    $("a[id^='itemp']").click(function(){
        $(this).siblings("ul").slideToggle("normal");
        }); 
});
</script>
 

Código HTML:

<ul>
<li><a id="itemp1" href="#">ITEM 1</a>
    <ul style="display:none;">
    <li><a id="itemh11" href="index.php?sec=11">Sub_Item 11</a></li>
    <li><a id="itemh12" href="index.php?sec=12">Sub_Item 12</a></li>
    </ul>
</li>
                
<li><a id="itemp2" href="#">ITEM 2</a>
    <ul style="display:none;">
    <li><a id="itemh21" href="index.php?sec=21">Sub_Item 21</a></li>
    <li><a id="itemh22" href="index.php?sec=22">Sub_Item 22</a></li>
    </ul>
</li>
</ul>
 

Aca al hacer click en un item de lista... se muestra otra sublista con los subitemes.