Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/01/2013, 22:33
virtualpc
 
Fecha de Ingreso: octubre-2012
Ubicación: colombia
Mensajes: 36
Antigüedad: 12 años, 1 mes
Puntos: 1
Información mostrar ocultar mas de un div con efecto Accordion

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
Cita:
<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 :)