Discussion :

[SpaceFrog]

voici la structure html:

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
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 :

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

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

resulat : rien

[Bovino]

Spaffy...

Code :

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

$('#agenda.agendtitle')

Code :

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

$('#agenda.agendatitle')

[SpaceFrog]

oui 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]

[SpaceFrog]

Code :

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

$(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

[SpaceFrog]

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

Code :

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

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 ...

[danielhagnoul]

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.