Discussion :

[Pierrea4564]

Bonjour,

Je cherche à utiliser la fonction toggle pour afficher/masquer des textes longs.
Je souhaiterais que en fonction du click, l'affichage switch entre 2 contenus
différents. Le premier, le texte tronqué, définit par ma variable $bodyaccordeon et le deuxième, le texte entier, définit par $fields['body']->content; ?>.

Voici mon code :

Code :

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

1
2
3
4
5
6
7
 
<div class="transport_hebergementtexte">                  
                <div class="description"><?php print $bodyaccordeon ?></div>
                <div class="description2"><?php print $fields['body']->content; ?></div>
                <a href="#">La suite ...</a>  	 	
 
        </div>

En gros, quand on clique sur la suite, je voudrais swicher entre <div class="description"> et <div class="description2">

Voici mon code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
$(document).ready(function(){
		$('.transport_hebergementtexte').click(function() {										 
			$('.description').toggle('slow', function() {
			if (document.getElementByClassName("description").style.display = "none") {
			document.getElementByClassName("description2").style.display = "block";
				}
			});	
	});
});

Sachant que dans ma css, j'ai mis un display none sur ma classe "description2".

C'est vraiment de la bidouille, je ne suis pas un spécialiste, mais j'ai coince et je ne sais pas comment faire.

Merci d'avance pour votre aide,

[SpaceFrog]

il me semble que le sujet à déja été traité ...
le but était d'afficher un resumé puis de switcher au texte complet

[Bovino]

Code :

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

if (document.getElementByClassName("description").style.display = "none")

D'une part, = en JavaScript, c'est une affectation, dont l'équivalent booléen est true. Pour une comparaison, c'est == voire ===.

Ensuite, un nom de classe pouvant être répété sur une page, une méthode "getElementByClassName" n'a pas de sens. Il existe bien getElementsByClassName, mais ce n'est pas encore cross browser et renvoie une collection d'éléments.

[SpaceFrog]

http://www.developpez.net/forums/d10...ropre-element/

[Pierrea4564]

Merci à vous deux.
Effectivement, c'est ce que je voulais.
Par contre, comment je peux maintenant appliquer ceci avec toggle en utilisant le clic sur un lien?

[yarp]

Il y a aussi un plugin qui fait ça, qui s'appelle jTruncate.
Il présente un résumé du contenu d'une balise et ajoute automatiquement le lien pour agrandir/réduire:

http://blog.jeremymartin.name/2008/0...or-jquery.html

[danielhagnoul]

Bonjour

API jQuery : toggle event, addClass et removeClass.