Hola, partiendo del siguiente html...
Código:
<h2>Lorem ipsum</h2>
<ul>
<li>Phasellus
<ul>
<li>Consectetuer</li>
<li>Duis</li>
<li>Fusce vitae</li>
<li>Ut pharetra</li>
<li>Donec tincidunt</li>
</ul>
</li>
<li>Urna
<ul>
<li>Cras at metus</li>
<li>Nam sit amet</li>
<li>Mauris gravida</li>
<li>Donec in augue</li>
<li>Donec ac mauris</li>
</ul>
</li>
</ul>
<p>Pharetra</p>
... puedo "maquetarlo" para que quede similar a esta muestra?:
Aclaro por si no grafiqué lo suficientemente claro:
-Hay un encabezado.
-Los dos elementos de la lista principal deben actuar como una pestaña a manera de navegación. Cada uno mostrará (eso supongo lo lograré con javascript) la lista anidada que le corresponde (la segunda lista anidada no se ve -la verde- porque está activa la primer pestaña)
-Hay un pie.
Si no se puede, avisen así le doy otro enfoque :)
Gracias