Discussion :

[Sylsky]

Bonjour,

J'essaie, pour m'exercer (rien d'autre ^^'), de reproduire peu à peu quelques fonctionnalités de Twitter. Voici le lien :

http://www.spharian.be/lab/minichat/

Quand on clique sur la croix, ma div s'agrandit (slideDown) pour laisser appraitre le lien de suppression et la croix devient bleue. Une fois qu'une autre croix est cliquée, le précédent se ferme et le cliqué s'ouvre, etc... tout marche niquel quand je clique sur une croix pour la 1ère fois. Cependant, si je re-clique sur une croix (que j'ai déjà cliqué, donc), il faut 2 clics pour que cela fonctionne. Je ne parviens par à trouver le problème

Voici le bout de code qui permet de gérer ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
	var msgFooter = $(".msg-footer"),
			msg = $(".msg"),
			deleteBtn = $(".delete-button"),
			originalColor = "#3a3a3a",
			slideSpeed = 100;
 
		deleteBtn.toggle(function() {
			deleteBtn.css("color", originalColor); //set every deleteBtn to their original color
			$(this).css("color", "#0881bf"); //on first click, set blue color to the click deleteBtn
			msg.find(msgFooter).slideUp(slideSpeed);
			$(this).parent().find(msgFooter).slideDown(slideSpeed);
		}, function() {
			$(this).css("color", originalColor); //on second click, set the original color to deleteBtn
			msg.find(msgFooter).slideUp(slideSpeed);
		});

J'espère que vous saurez m'aider

Merci d'avance :-)

[kalimukti]

Bonsoir,

Ton problème vient du toggle.
Si tu cliques sur un de tes boutons delete, tout marche bien. Si tu cliques sur un 2ème, pareil. Mais si tu reviens sur un bouton déjà cliqué, c'est la deuxième fonction du toggle qui est appelée, celle qui ferme tout. Du coup, tu es obligé de recliquer pour lancer la première fct du toogle.
Tu devrais sans doute mieux passer par .click() en gardant en mémoire (et testant) l'état de tes footers.

Hope that helped.

[Sylsky]

Problème résolu, grâce à ta réponse, merci :-)

[kalimukti]

Problème résolu, grâce à ta réponse, merci :-)

Anytime... heureux d'avoir pu t'aider