Afficher/masquer div en Jquery

Bonjour,



J'ai codé un petit code en jquery pour afficher/masquer selon le besoin le contenu de div qui ont tous la même class !

Je ne comprends pas pourquoi le code marche avec firefox mais pas avec chrome (alors que j'utilise du jquery, il ne devrait pas avoir de problème)

Merci.

voici le code ;

$(document).ready(function(){
	    // on sélectionne tous les div avec la classe zoneTexte et on les parcours
	    $("div.details").each(function(i){
	        // on recupere la longueur du texte et on coupe à la longueur 100 (s'il est aussi

	            var contenu = $(this).html();

                    
                    var debut = contenu.substr(0,0);
                    $(this).html(debut);
	            $(this).append("<span id='continuer"+(i+1)+"'> Afficher la description</span>");
	            $(this).append("<span id='suite"+(i+1)+"'>"+contenu+"</span>");
	            $(this).append("<span style='font-weight: bold' id='masquer"+(i+1)+"'> [Réduire]</span>");
	            $("#suite"+(i+1)).hide();
                    $("#masquer"+(i+1)).hide();
	            $(this).find("span#continuer"+(i+1)).click(
	            function(){
	                $(this).hide();
	                $("#suite"+(i+1)).fadeIn("slow");
	                $("#masquer"+(i+1)).fadeIn("slow");
	            })
	            $(this).find("span#masquer"+(i+1)).click(
	            function(){
	                $(this).hide();
	                $("#suite"+(i+1)).fadeOut("slow");
	                $("#continuer"+(i+1)).fadeIn("slow");
	            });
	});

});