Simple affichage de texte

Version imprimable

Bonjour à tous,

J'aimerai savoir si quelqu'un pouvait m'aider quant au code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> </head> <script language="Javascript"> function cacher_afficher(id) { if ($("#"+id).is(":hidden")){ $("#"+id).fadeIn("slow"); } else { $("#"+id).fadeOut("slow"); } } </script> <body> <a href='javascript:;' onclick="cacher_afficher(test);">Afficher/Cacher</a> <p id="test" style="visibility: hidden;">Texte blabla</p> </body> </html>
En fait, j'aimerai que le texte contenu dans la balise <p> s'affiche et se cache au clic sur la lien, tout simplement. Pour cela j'ai créée la fonction "cacher_afficher()", mais ça ne marche pas, et je n'arrive pas à trouver mon erreur malgré les tutos sur internet :oops:
Je sais faire en javascript mais je voulais avoir un petit effet à l'aide de JQuery.

Quelqu'un pourrait il m'aider ?

D'avance merci.

17/05/2010, 17h21
HwRZxLc4
Salut,
Code:

1 2 $('p').click(fonction(.....

voici quelques modifs à ton code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>Test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
	</head>
 
	<script language="javascript">
       $(document).ready(function(){
               $('#toggle').click(function(){
                      $("#test").toggle();
               });
});
	</script>
 
	<body>
		<a href='javascript:;' id="toggle">Afficher/Cacher</a>
		<p id="test" style="display: none">Texte blabla</p>
	</body>
</html>

En plus, je ne suis pas sûre si la version 1 de jQuery est hébergée chez google ou non. Mais voici les versions que je t'assure qu'elles sont hébergées chez google à l'instant
1.2.3, 1.2.6, 1.3.0, 1.3.1, 1.3.2, 1.4.0, 1.4.1 et 1.4.2