[jQuery] Création d'une info-bulle

[jo_link_noir]

Salut

En fait je croit que le problème vient du stop...
FadeIn va rentre visible la bulle jusqu'à l'opacité spécifier avec css, mais avec le stop cette opacité change s'il est lancé avant l'apparition complète de la bulle.

<p style="opacity:0.3">§ avec opacité à 30%</p>

<p>§ de comparaison</p>

$(document).ready(function(){

	$("p:first").click(function(){

		$(this)

		//modifie l'opacité

		.css("opacity", 0.1 + Math.random()/1.2)

		//fait disparaitre puis réaparaitre le paragraphe

		.fadeOut("slow", function(){

			$(this).fadeIn("slow");

		});

	});

});

Alors je pense que le mieux c'est de remplacer les fadeIn("slow") par un fadeTo("slow", 1) ou directement animate({opacity:1},"slow").

Par contre avec les fadeTo le "display:none" du div empêche l'apparition de la bulle alors soit tu fait un "display:block" avec js soit tu le vire du div


Tu peux aussi faire une petite amélioration dans le code :

$("div#tips").html(title+message);

A la place de

$("div#tips").empty();

$("div#tips").append(title+message);