function .show() ne marche pas apres avoir cacher (.hide()) un element dans la fonction .load()

Version imprimable

Bonjour,

je n'arrive pas à afficher un div avec .show() apres avoir chargé une page .load() et caché certains éléments ci-trouvant .hide()
Code:

1 2 3 4 5 6 7 8 $('#zonepointscles').hide(); $('.pointscles').click(function(){ $('#zonepointscles').show(); $('#zonepointscles').load("http://site.com/project-s/s-WP/points-cles-2", function() { $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').hide(); }); });
le code suivant ne marche pas :
Code:

1 2 3 4 5 $('#titre_docs1').click(function(){ $('#txt_docs1').show(); });
precision: titre_doc est un bouton contenant le titre d'un article, txt_doc est un article qui s'affiche à droite du bouton .
Sachant qu'il y en a plusieurs, je cache tout les articles et ne les affiches que lorsqu'on clique sur le titre voulu.
j'utlise load car la page externe appelée peut être affichée dans d'autre page du site

quelqu'un a t-il une idée du bug ou d'un oubli de ma part ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type='text/javascript' src='Scripts/jquery-1.4.2.min.js'></script>
<script type="text/javascript">
$(function() {
$('#foo').hide()
$('#bar').click(function(){
$('#foo').show()
})
})
</script>
<title>tes</title>
</head>
<body>
<div id="foo" style="height:100px; width:100px;background-color:lime">&nbsp;
</div>
<input type="button" id="bar" value="montrer" />
</body>
</html>

merci SPacefrog,

j'ai compris le fond de ta pensée mais ce n'était pas très explicite:

voici le script qui marche: il fallait mettre mes fonctions liées dans ma fonction .load()

Code:

1
2
3
4
5
6
7
8
9
10
11
$('.pointscles').click(function(){
			$('#zonepointscles').show();
 
			$('#zonepointscles').load("http://site.com/project-s/s-WP/points-cles-2", function() { 
				$('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').hide();
				$('#titre_docs1').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000);  $('#txt_docs1').fadeIn(1000); });
				$('#titre_docs2').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000); $('#txt_docs2').fadeIn(1000); });
				$('#titre_docs3').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000); $('#txt_docs3').fadeIn(1000); });
				$('#titre_docs4').click(function(){ $('#txt_docs1, #txt_docs2, #txt_docs3, #txt_docs4').fadeOut(1000); $('#txt_docs4').fadeIn(1000); });
			});
	});