Discussion :

[Boro64]

Bonjour,

Désolé, mais je suis totalement néophyte en js, et ma question est donc une question de néophyte...
Pour une page d'un site affichant plusieurs actualités, je souhaite masquer les textes et n'afficher que les titres. Puis, au clic sur le titre, afficher le texte lié à ce titre.
Ma partie html/php:

Code php :

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

1
2
3
4
5
echo '<h6>'.$dateFR.'</h6>';
echo '<a href="#" class="titreactualite">'.$titre_actu.'</a>';
echo '<br />';
echo '<p class="tronquer">'.nl2br($texte_actu).'</p>';
echo '<hr />';

Je pensai pouvoir utiliser la solution de Mohicane dans ce post et j'ai donc écrit:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
 
 
$(document).ready(function(){
      $('.tronquer').hide();
 
      $('.titre-actualite').onclick(function(){ 
           $(this).next('.tronquer').toggle();
           return false;
      });
});
</script>

Résultat: les textes sont bien cachés, mais sur le clic....RIEN....
Depuis 2 jours j'ai essayé d'autres solutions....rien.
La solution est sans doute très simple, je dois faire une/des erreur(s)...mais là je suis un peu perdu.
D'avance merci pour votre aide,vos avis et conseils.

[Bovino]

T'es dans la même classe que l'auteur de ce post : http://www.developpez.net/forums/d12...celle-ouverte/ ?

[Boro64]

Bonsour,
et merci Bovino....mais je n'obtiens toujours pas l'effet escompté.
A l'ouverture de la page, les textes sont apparents, et si je clique sur le lien (en l'espèce <a href="#" class="titre-actualite"> ), les paragraphes se ferment...puis impossible de les ouvrir à nouveau.
Or, je souhaite avoir tous les paragraphes (générés dynamiquement en php) masqués au chargement de la page. Ça, je l'obtiens en ajoutant $('.tronquer').hide(); )...mais mes liens n'ouvrent rien....
Voici mon script (dans lequel bien des choses m'échappent je l'admet):

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
22
23
	<script type="text/javascript">
		"use strict";
 
		$(function(){
 
 
$('.titre-actualite').click( function(){
	var jObjsDescription = $( ".tronquer" ),
		jObjs = $( this ).parent().nextAll( ".tronquer" );
 
	jObjsDescription.slideUp( 800, function(){
		if ( this == jObjs.eq( 0 ).get( 0 ) || this == jObjs.eq( 1 ).get( 0 ) ){
			$( this ).slideDown( 800 );
		}
	});
}); 
 
		});
 
		$( window ).load( function(){
		$('.tronquer').hide();
		});
	</script>

Une piste serait la bienvenue, et des explications itou.
D'avance merci.

[Boro64]

Hé bien j'ai fini par trouver.
Un début de piste ici
Merci à tous