elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado:


+  Foro de elhacker.net
|-+  Programación
| |-+  Programación General
| | |-+  mostrar ocultar mas de un div con efecto Accordion
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: mostrar ocultar mas de un div con efecto Accordion  (Leído 1,818 veces)
virtualpc

Desconectado Desconectado

Mensajes: 19


Ver Perfil
mostrar ocultar mas de un div con efecto Accordion
« 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 :)


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
[Source] Water Image - Efecto para mostrar logos o imagenes
Programación Visual Basic
Mad Antrax 2 4,843 Último mensaje 8 Abril 2007, 19:41 pm
por ~~
Ocultar y mostrar elementos una vez logueado.
PHP
XXXXXX 3 7,015 Último mensaje 5 Abril 2011, 21:44 pm
por takipunk
Ocultar/Mostrar panel
Java
Xedrox 3 16,969 Último mensaje 6 Julio 2011, 02:50 am
por Xedrox
Mostrar y ocultar div con deslizamiento « 1 2 »
Desarrollo Web
Poizonus 10 9,802 Último mensaje 21 Julio 2011, 16:47 pm
por Poizonus
Mostrar/Ocultar n DIV con javascript. [Solucionado]
Desarrollo Web
1mpuls0 4 8,240 Último mensaje 18 Abril 2012, 17:25 pm
por 1mpuls0
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines