Código jquery no funciona en blogger

[Hildergarn]

Hola a todos. Les escribo porque tengo un problema con un codigo en jquery. Les explico:

si visitan la sección de archivos verán unos links los cuales deben de desplegar los posts de acuerdo a lo publicado en el mes. Ú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:

<li><span class="yearmes">Julio 2011</span>
<ul class="lista_archivos">
<li><a href="http://www.viajesycosasasi.com/2011/07/el-puente-reina-juliana-curacao.html">El puente Reina Juliana, Curaçao</a></li>
<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>
<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>
<li><a href="http://www.viajesycosasasi.com/2011/07/de-vuelta.html">De vuelta</a></li>
</ul>
</li>
 

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

Código Javascript:

<script type='text/javascript'>
        /* <![CDATA[ */
            jQuery(document).ready(function() {
                jQuery('.colapsar').find('.lista_archivos').hide();
                jQuery('.colapsar').find('.lista_archivos:first').hide();
                jQuery('.colapsar').find('.yearmes').click(function() {
                    jQuery(this).next('ul').slideToggle('fast');
                });
                jQuery('.colapsar').find('.linkmadre').click(function() {
                    if ( 'Expandir' == jQuery(this).text() ) {
                        jQuery(this).parent('.contenedor').find('.lista_archivos').show();
                        jQuery(this).text('Cerrar');
                    }
                    else {
                        jQuery(this).parent('.contenedor').find('.lista_archivos').hide();
                        jQuery(this).text('Expandir');
                    }
                    return false;
                });
            });
        /* ]]> */
    </script>
 

este es el llamado al archivo jquery:

Código Javascript:

<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 en blogger no. Cualquier ayuda les agradezco la ayuda.

Saludos

[Naahuel]

Es porque blogger te está agregando enmarcado (<br>'s). Entonces al hacer:

Código Javascript:

jQuery(this).next('ul')
 

No estás seleccionando nada... Cambiá esa línea por:

Código Javascript:

jQuery(this).siblings('ul')
 

-edit-

Si querés, podés agregar esta línea antes de la que te dije que cambiaras:

Código Javascript:

jQuery('.colapsar').find('.lista_archivos:visible').slideToggle('fast');
 

De esa forma las listas que están desplegadas se pliegan al hacer click en una diferente.