Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Acordeon Jquery

Estas en el tema de Acordeon Jquery en el foro de Jquery en Foros del Web. hola amigos de foros del web, tengo una inquietud tengo esto es un ejemplo de acordeon con jquery que encontre en la web @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); ...
  #1 (permalink)  
Antiguo 29/05/2012, 14:41
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 12 años, 7 meses
Puntos: 397
Pregunta Acordeon Jquery

hola amigos de foros del web, tengo una inquietud

tengo esto es un ejemplo de acordeon con jquery que encontre en la web
Código HTML:
Ver original
  1. <div id="divPadre"></div>
  2.     <a href="#" onclick="crear_user()">vamo a ve</a>
  3.     <div class="menu">
  4.         <ul id='papa'>
  5.             <li class='papas'>
  6.                 <a href="#">Juan</a>
  7.                 <ul>
  8.                     <li><a href="http://www.ajaxshake.com/es/JS/1111/jquery.html">jQuery</a></li>
  9.                     <li><a href="http://www.ajaxshake.com/es/JS/1141/flash.html">Flash</a></li>
  10.                     <li><a href="http://www.ajaxshake.com/es/JS/1121/prototype.html">Prototype</a></li>
  11.                     <li><a href="http://www.ajaxshake.com/es/JS/12111/mootools.html">Mootools</a></li>
  12.                 </ul>
  13.             </li>
  14.             <li class='papas'>
  15.                 <a href="#">Felipe</a>
  16.                 <ul>
  17.                     <li><a href="http://www.jsonpexamples.com/jsonp-flickr-example/">Flickr</a></li>
  18.                     <li><a href="http://www.jsonpexamples.com/jsonp-example-twitter-call/">Twitter</a></li>
  19.                     <li><a href="http://www.jsonpexamples.com/jsonp-rating-example-using-jquery/">Rating</a></li>
  20.                 </ul>
  21.             </li>
  22.             <li class='papas'>
  23.                 <a href="#">Tensa Zangetsu</a>
  24.                 <ul>
  25.                     <li><a href="http://www.tutorialjquery.com">Tutorial jQuery</a></li>
  26.                     <li><a href="http://www.jsonpexamples.com">jsonp Examples</a></li>
  27.                     <li><a href="http://www.codigogratis.com.ar">Codigo Gratis</a></li>
  28.                     <li><a href="http://www.bugbase.com.ar">Bug Base</a></li>
  29.                 </ul>
  30.             </li>
  31.             <li class='papas'>
  32.                 <a href="#">Engetsu</a>
  33.                 <ul>
  34.                     <li><a href="http://www.resolvermatrices.com.ar">Resolver Matrices</a></li>
  35.                     <li><a href="http://www.letrade.org">Letras de Canciones</a></li>
  36.                     <li><a href="http://www.cheatscode.org/">Cheats Code</a></li>
  37.                     <li><a href="http://www.solvingequations.net">Solving equations</a></li>
  38.                 </ul>
  39.             </li>
  40.         </ul>
  41.     </div>
la pregunta mia es como puedo poner o crear un nuevo elemento <li> dentro de el <ul class="papa"> y QUE EL PLUGIN DE JQUERY LO RECONOZCA

intente esto
Código Javascript:
Ver original
  1. function crear_user(){
  2.     jQuery("<li class='papas'><a href='#'>Inori</a><ul><li><a href='http://www.jsonpexamples.com/jsonp-flickr-example/'>Flickr</a></li></ul></li>").appendTo("#papa");
  3. }
lo inserta y lo muestra como uno mas en el acordeon, pero no lo reconoce el plugin asi que no se despliega (solo el q se crea con jquery el resto funcciona normal) asi que no se como podria solucionar ese problema
Espero sus respuestas gracias

Saludos
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.

Última edición por jonni09lo; 29/05/2012 a las 14:46
  #2 (permalink)  
Antiguo 29/05/2012, 17:08
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 3 meses
Puntos: 206
Respuesta: Acordeon Jquery

¿Qué plugin de jqyeru usas para las tabs?
El problema es que JQUERY no adivina el futuro (bueno, está el live que hace algo parecido...). Si añades nuevas cosas al DOM de la página, tienes que ejecutar después un código javascript para que las tenga en cuenta.

Cuando ejecutas tu plugin para que cinvierta los divs en un acordeon, convertirá en acordeón sólo lo que existe en ese momento.

Etiquetas: acordeon, ajax, html, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 22:27.