Discussion :

[20100.]

Bonjour à tous !

Je fais une page (en php) avec divers paragraphes qui ont chacun un titre. A côté du titre je souhaiterais mettre un bouton "+" qui ferait apparaître ou disparaître le contenu. Cependant, plutôt qu'une apparition brutale (possible via un form html) j'aurai voulu la faire "glissante". Est-ce possible sans avoir recours à Flash ?

Merci d'avance

[andry.aime]

Bonjour,

Tu peux utiliser les fonctions slideUp et slideDown ou slideToggle de jQuery.

A+.

[20100.]

De retour,

merci c'est exactement ce que je cherchais. J'ai mis du temps à répondre car je me débats pour en comprendre le maniement (je me replonge seulement dans la programmation web et je suis plutôt débutant).

Questions complémentaires que je n'ai su résoudre :
- l'exemple montre le cas d'un toggle d'élément référencé par un id. Comment puis-je agir sur plusieurs éléments, l'ensemble des éléments appartenant à une class par exemple ?

- en fait je veux afficher ou faire disparaître des paragraphes en cliquant sur une image en forme de + pour l'affichage, en forme de - pour le retracter. Comment faire pour également modifier la source de mon image ?

Ah, et puis dans l'exemple je ne comprends pas trop la syntaxe :

Code :

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

1
2
3
4
5
$('#clickme').click(function() {
  $('#book').slideToggle('slow', function() {
    // Animation complete.
  });
});

est-ce que l'on défini une fonction au sein de l'appel à Toggle ?

[andry.aime]

Re,

Comment puis-je agir sur plusieurs éléments, l'ensemble des éléments appartenant à une class par exemple ?

Tu peux utiliser le sélecteur de class .

Comment faire pour également modifier la source de mon image ?

Tu modifies l’attribut src de ton image.

est-ce que l'on défini une fonction au sein de l'appel à Toggle ?

Si tu modifies l'attribut src de l'image après le toggle, c'est là que tu le mets. En fait c'est une fonction callback.

A+.