Ver Mensaje Individual
  #5 (permalink)  
Antiguo 24/07/2011, 15:53
Avatar de Hildergarn
Hildergarn
 
Fecha de Ingreso: agosto-2004
Ubicación: Panamá
Mensajes: 442
Antigüedad: 20 años, 2 meses
Puntos: 4
Exclamación Respuesta: aplicar un expand all a mis links de archivos en mi blog

Que tal. Te comento que, después de varios testeos en localhost, pude subir la lista a mi site, pero con un gran inconveniente, el cual explicaré a ver si me ayudan:

si visitan la sección de archivos de mi website pude colocar los links a modo de "acordeón". Únicamente funcionan si clickean sobre Expandir/Cerrar, porque si lo hacen sobre los meses no funciona, cosa que no debería suceder porque lo probé en localhost y me funciona de maravilla.

Les dejo los siguientes código para que sepan como está todo estructurado:

Un mes en esa página está programado de la siguiente forma

Código HTML:
Ver original
  1. <li><span class="yearmes">Julio 2011</span>
  2. <ul class="lista_archivos">
  3. <li><a href="http://www.viajesycosasasi.com/2011/07/el-puente-reina-juliana-curacao.html">El puente Reina Juliana, Curaçao</a></li>
  4. <li><a href="http://www.viajesycosasasi.com/2011/07/los-pros-y-contras-de-un-viaje-de-larga.html">Los pros y contras de un viaje de larga duración</a></li>
  5. <li><a href="http://www.viajesycosasasi.com/2011/07/viajar-igual-que-los-demas-es-lo-ideal.html">Viajar igual que los demás, ¿es lo ideal?</a></li>
  6. <li><a href="http://www.viajesycosasasi.com/2011/07/de-vuelta.html">De vuelta</a></li>
  7. </ul>
  8. </li>

El código javascript que tengo para que aparezcan los enlaces es este

Código Javascript:
Ver original
  1. <script type='text/javascript'>
  2.         /* <![CDATA[ */
  3.             jQuery(document).ready(function() {
  4.                 jQuery('.colapsar').find('.lista_archivos').hide();
  5.                 jQuery('.colapsar').find('.lista_archivos:first').hide();
  6.                 jQuery('.colapsar').find('.yearmes').click(function() {
  7.                     jQuery(this).next('ul').slideToggle('fast');
  8.                 });
  9.                 jQuery('.colapsar').find('.linkmadre').click(function() {
  10.                     if ( 'Expandir' == jQuery(this).text() ) {
  11.                         jQuery(this).parent('.contenedor').find('.lista_archivos').show();
  12.                         jQuery(this).text('Cerrar');
  13.                     }
  14.                     else {
  15.                         jQuery(this).parent('.contenedor').find('.lista_archivos').hide();
  16.                         jQuery(this).text('Expandir');
  17.                     }
  18.                     return false;
  19.                 });
  20.             });
  21.         /* ]]> */
  22.     </script>

este es el llamado al archivo jquery:

Código Javascript:
Ver original
  1. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>

No se en verdad que puede ser. Como dije, en localhost todo me funciona bien, pero online no. Cualquier ayuda se las agradezco.

Saludos