Tema: accordion.js con problemas de carga
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/02/2013, 08:42
Avatar de ceaped
ceaped
 
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 10 meses
Puntos: 9
Respuesta: accordion.js con problemas de carga
Hola mdk
La página todavía no la subo.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>nombre...</title>
  5.  
  6.  
  7. <!--Estilo marcos de colores para diferenciar las zonas-->
  8. <link href="css/estilos_acordeon.css" rel="stylesheet" type="text/css" />
  9.  
  10.  
  11. <!-- Carga de librerías para acordeún -->
  12. <script type="text/javascript" src="js/prototype.js"></script>
  13. <script type="text/javascript" src="js/effects.js"></script>
  14. <script type="text/javascript" src="js/accordion.js"></script>
  15.  
  16.  
  17.  
  18.  
  19. <!-- Para que no halla conflicto entre acordeón y Dropdown  -->
  20. <script type="text/javascript">
  21. jQuery.noConflict();
  22. </script>
  23.  
  24.  
  25. <!-- Código para acordeón -->
  26. <script type="text/javascript">
  27. Event.observe(window, 'load', loadAccordions, false);
  28.         
  29. function loadAccordions() {
  30.                     
  31. var nestedVerticalAccordion = new accordion('contenedor', {
  32. classNames : {
  33. toggle : 'bloque_activador',
  34. toggleActive : 'bloque_activador_activo',
  35. content : 'bloque_contenido'
  36. }
  37. });
  38.             
  39. bottomAccordion.activate($$('#contenedor .accordion_toggle')[0]);
  40.  
  41. }
  42. </script>
  43.  
  44.  
  45.  
  46.  
  47.  
  48. </head>
  49.  
  50. <body>
  51.  
  52.  
  53.  
  54.  
  55. <div id="container">
  56.  
  57.  
  58. <div class="contenido">
  59.  
  60. <div id="contenedor">
  61.  
  62. <!-- ... -->
  63. <h2 class="bloque_activador_" title="Haz clic">nombre</h2>
  64. <div class="bloque_contenido">
  65.  
  66. <?php include("nombre/index_01.html"); ?>
  67.  
  68. </div>
  69. <!-- ... -->
  70.  
  71. <!-- ... -->
  72. <h2 class="bloque_activador" title="Haz clic">nombre</h2>
  73. <div class="bloque_contenido">
  74.  
  75. <?php include("nombre/index_02.html"); ?>
  76.  
  77. </div>
  78. <!-- ... -->
  79.  
  80.  
  81. </div>
  82. </div>
  83. </div>
  84.  
  85. </body>
  86. </html>

Como digo el acordeón me funciona bien, sólo que cuando se carga pro primera vez se abren las pestañas y luego se cierran.

Había pensado en utilizar una precarga, pero no me funcionó, creo que hubo conflicto con el acordeón.

¿Que puedo hacer para que cuando se cargue no se abran?

Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario