Foro de elhacker.net

Programación => Programación General => Mensaje iniciado por: virtualpc en 18 Enero 2013, 05:48 am



Título: mostrar ocultar mas de un div con efecto Accordion
Publicado por: virtualpc en 18 Enero 2013, 05:48 am
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
Citar
<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 :)