Je pensais que this resterait this, mais il devient this.next !

voici la structure html:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<div id="agenda"> <div class="agendatitle"> blkablablabalbla </div> <div class="agendtext"> blkablablabalbla </div> <div class="agendatitle"> blkablablabalbla </div> <div class="agendtext"> blkablablabalbla </div> <div class="agendatitle"> blkablablabalbla </div> <div class="agendtext"> blkablablabalbla </div> ... </div>

---

et l'init

Code:

---

1 2 3 4 5

$(document).ready(function(){ $("#agenda.agendatext").hide() $('#agenda.agendtitle').click(function() { $(this).next().slideToggle('slow'); });

---

resulat : rien :(

Spaffy... :roll:

Code:

---

$('#agenda.agendtitle')

---

:nono:

Code:

---

$('#agenda.agendatitle')

---

;)

oui :D mais non :(

J'ai collé le code rapidement de mémoire... je suis sur qu'au bureau j'ai pas fait la même énormité :red:
Sûr ... enfin je vous dis ça demain matin ...


[edit]
Le lendemain matin ...
Il aura suffit de la nuit pour que mon code se montre plus coopératif.
Encore un mystère du bug malin.
De toute façon hier c'était une de ces journées ou je n'arrivais à rien...
[edit]

Code:

---

$(this).next().slideToggle('fast',function(){ alert($(this).attr('class'));$(this).find('.togglebutton').css('backgroundPosition','top') });

---

ce qui se passe avec ce code c'est que this se déporte !!!
je pensais que this resterait this, mais il deveint this.next

bon ben je m'en suis sorti comme ça :

Code:

---

1 2 3 4

$('#agenda .agendatitle').click(function() { var pic=$(this).find('.togglebutton'); $(this).next().slideToggle('fast',function(){ pic.css('backgroundPosition',(pic[0].style.backgroundPosition=="center top")?"center bottom":"center top") }); });

---

je suis preneur de "plus propore"

et d'une explication du deportement de this ...

Bonsoir.

C'est la bonne solution.

jQuery modifie toujours le this pour qu'il corresponde au sélecteur en cour. Il est donc normal que dans l'exemple, le this généré par $(this).next() représente l'élément du DOM qui suit le sélecteur précédent.