Div oculto que se despliega dentro de una lista¿?

[TheDark03]

hola pann84...

necesariamente tienen q ser listas?? x q puedes crear una estructura algo asi...

Código CSS:

<div class="vlist" id="panel">
        <div class="vhead">Item 01</a></div>
        <div class="body">
         <a href="#">Sub-Item 1.1</a>
         <a href="#">Sub-Item 1.2</a>
         <a href="#">Sub-Item 1.3</a>   
        </div>
        <div class="vhead">Item 02</div>
        <div class="vbody">
            <a href="#">Sub-Item 2.1</a>
         <a href="#">Sub-Item 2.2/a>
         <a href="#">Sub-Item 2.3</a>   
        </div>
        <div class="vhead">item 03</div>
        <div class="vbody">
          <a href="#">Sub-Item 3.1</a>
         <a href="#">Sub-Item 3.2</a>
         <a href="#">Sub-Item 3.3</a>           
       </div>
</div>
 

y crear una funcion jquery para q se desplace con el efecto slideDown y slideup tu div vbody... pero obviamente tu vbody

tendria esta propiedad

.vbody {
display:none;
}

Saludos DTB...

PD:no todo lo pueden las hojas de estilo