Discussion :

[pierricktpt]

Bonjour,
J'essaye de coder un truc tout bête mais impossible de le faire fonctionner...
J'ai une page avec trois tab dont le contenu est récupéré en AJAX.
Pour l'exemple et la compréhension, c'est le même contenu qui est chargé pour chacun des 3 onglets:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<div id="tabs">
	<ul>
		<li><a id="href1" href="content_export.php?param=1">1</a></li>
		<li><a id="href2" href="content_export.php?param=1">2</a></li>
		<li><a id="href3" href="content_export.php?param=1">3</a></li>
	</ul>
</div>
<script>
$( "#tabs" ).tabs();
</script>

Le script content_export.php me renvoie deux div.
La première div contient un lien qui permet de masquer la seconde div
Enfin le script renvoie également un petit bout de javascript qui permet de masquer la seconde div en cas de clic sur le lien

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<div id="div1"><a id="cache" href=#>cache moi la seconde div!</a></div>
<div id="div2">TOTO</div>
 
<script>
$(document).ready(function(){
        $("#cache").click(function(){
                $("#div2").hide();
        });
});
</script>

Ce code fonctionne parfaitement sur le premier onglet, mais n'a aucun effet sur les onglets 2 et 3 alors que c'est le même code qui est renvoyé par le script php pour chacun des 3 contenus...
Avez-vous une idée??

[pierricktpt]

J'ai trouvé mon erreur.
Erreur triviale!!!
Chaque onglet possède une div avec le même id...
Je passe desormais par une classe!!