mostrar ocultar mas de un div con efecto Accordion

[virtualpc]

hola compañeros del foro primero que todo les deseo un muy feliz 2013 :)

bueno lo que quiero es hacer un menú con barios divs ocultos al inicio si solicito 1 se muestre si solicito 2 se cierre 1 y se muestre 2 y vuelvo a dar clip sobre el 2 se vuelva a ocultar y así sucesivamente básicamente el famoso efecto Accordion

e probado muchos plugins y e buscado bastante en la web pero la mayoría usan la condición de un <h3></h3> para identificar el titulo del div a ocultar pero inmediatamente el contenedor siguiente a ese <h3></h3> es el que se oculta

y el problema es que el código que necesito ocultar es el que muestro como <div class="oculto"></div> que requiero que lo active <span><a href="">Opción 1</a></span> de este codigo

<div id="tablas">
<strong>
<p><span>Audio</span><span>Subtitulos</span><span>Servidor</span><span>Formato</span><span>Calidad</span><span>Ver Online</span><span>Uploader</span></p>
</strong>
<p>
<span class="es_ES" title="español"></span>
<span class="no_subtitulada" title="no_subtitulada"></span>
<span><a href="">Opción 1</a></span>
<span class="formato">HD 720px</span>
<span class="calidadfull_HD" title="calidadfull_HD"></span>
<span class="vidbux" title="vidbux"></span>
<span>xaiborweb</span>
</p>
<div class="oculto" style="display: block;">5 LINK<br/>
**********
<br/><a href="#" title="PARTE 1" target="_blank">PARTE 1</a>
<br/><a href="#" title="PARTE 2" target="_blank">PARTE 2</a>
<br/><a href="#" title="PARTE 3" target="_blank">PARTE 3</a>
<br/><a href="#" title="PARTE 4" target="_blank">PARTE 4</a>
<br/><a href="#" title="PARTE 5" target="_blank">PARTE 5</a>
<br/>
</div>
</div>

esta es solo una linea de código la cual se repetirá "n" veces para cada post con efecto Accordion

espero me puedan echar una mano compañeros si lo requieren le posteo el css y los script y jquery que e intentado

gracias y saludos :)

[IsaBelM]

esto te puede ayudar

[virtualpc]

Iniciado por IsaBelM

[URL="http://www.forosdelweb.com/f179/aporte-efectos-sin-jquery-1031381/#post4350661"]esto te puede ayudar[/URL]

muchas gracias por responder IsaBelM

bueno lo que necesito hacer es un cuadro de información como este donde esta es una sola linea y flota a la izquierda de tal manera que es una sola linea horizontal

Código HTML:

<strong>
<p><span>Audio</span><span>Subtitulos</span><span>Servidor</span><span>Formato</span><span>Calidad</span><span>Ver Online</span><span>Uploader</span></p>
</strong>
<p>
<span class="es_ES" title="español"></span>
<span class="no_subtitulada" title="no_subtitulada"></span>
<span><a href="">Opción 1</a></span>
<span class="formato">HD 720px</span>
<span class="calidadfull_HD" title="calidadfull_HD"></span>
<span class="vidbux" title="vidbux"></span>
<span>xaiborweb</span>
</p> 

y que al dar clip en <span><a href="">Opción 1</a></span> aparezca debajo de toda la linea de código anterior esto <div class="oculto"></div>

Código HTML:

<div class="oculto" style="display: block;">5 LINK<br/>
**********
<br/><a href="#" title="PARTE 1" target="_blank">PARTE 1</a>
<br/><a href="#" title="PARTE 2" target="_blank">PARTE 2</a>
<br/><a href="#" title="PARTE 3" target="_blank">PARTE 3</a>
<br/><a href="#" title="PARTE 4" target="_blank">PARTE 4</a>
<br/><a href="#" title="PARTE 5" target="_blank">PARTE 5</a>
<br/>
</div> 

donde esto se repetirá por lo menos 60 veces en cada post pero con contenido distinto en el mismo <div class="oculto"></div>

si no se entiende muy bien lo quiero hacer es algo como lo que tiene implementado [URL="http://tucinecom.com/pelicula/los-vengadores-2012-ver-online-y-descargar-gratis/"]AQUÍ[/URL] que si navegas por su menú de servidores al clikear en las opciones se darán cuenta de lo que quiero hacer

de antemano muchas gracias por la ayuda saludos :)
y recuerden hoy por mi mañana por ti :)

[virtualpc]

este es el link donde pueden ver un ejemplo de lo que quiero implementar http://tucinecom.com/pelicula/los-vengadores-2012-ver-online-y-descargar-gratis/

[IsaBelM]

lee este otro tema