Bonjour,
Voici mon problème :
j'ai plusieurs lien et je souhaiterai afficher un texte un cliquant sur le lien 1 et le masquer en cliquant de nouveau sur le lien 1 (jusque la ça va ^^) et pareille pour les autres liens (car il va y en avoir beaucoup)
Maintenant voila ou je bloque:
je souhaiterai masquer le texte du lien 1 pour afficher le texte du lien 2 et pareille pour les autres lien mais il faut que le texte ce cache quand je clique 2 fois sur le même lien (je clique sur le lien 1 -> mon texte s'affiche, je clique sur mon lien 2 -> le texte 1 ce cache et le texte 2 s'affiche, je clique de nouveau sur mon lien 2 -> le texte 2 ce cache)
Voici mon code html de ma page (il faut prendre en compte d'autre lien qui ne sont pas dans la page, je ne saurais vous dire combien ^^):
<!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" lang="fr">
<head>
<title>Title</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="conteneur">
<div id="header"></div>
<div id="header2">
<ul id="menu">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
<div class="haut_contenu"></div><div class="fond_contenu"><!-- Cadre -->
<center>
<table>
<tr>
<th colspan="2" width="50%"><center>AAAAA :</center></th>
<th colspan="2" width="50%"><center>BBBBB :</center></th>
</tr>
<tr>
<td width="25%"><a href="">Lien 1</a></td>
<td width="25%"><a href="">Lien 2</a></td>
<td width="25%"><a href="">Lien 3</a></td>
<td width="25%"><a href="">Lien 4</a></td>
</tr>
</table>
</center>
</div>
<div class="bas_contenu"></div><!-- Fin Cadre -->
<div class="haut_contenu"></div>
<div class="fond_contenu"><!-- Cadre -->
TEXTE 1
</div>
<div class="bas_contenu"></div><!-- Fin Cadre -->
<div class="haut_contenu"></div>
<div class="fond_contenu"><!-- Cadre -->
TEXTE 2
</div>
<div class="bas_contenu"></div><!-- Fin Cadre -->
<div class="haut_contenu"></div>
<div class="fond_contenu"><!-- Cadre -->
TEXTE 3
</div>
<div class="bas_contenu"></div><!-- Fin Cadre -->
<div class="haut_contenu"></div>
<div class="fond_contenu"><!-- Cadre -->
TEXTE 4
</div>
<div class="bas_contenu"></div><!-- Fin Cadre -->
<div id="pied">
<div class="copyright"><a href="mailto:hueco.mondo@free.fr">© votresite.com |</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div class="copyleft"><a href="
http://kitgraphiquegratuit.org/ " onclick="window.open(this.href); return false;" title="kits gratuits" ></a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<ul id="plandusite">
<li><a href="#header">Haut de page</a></li>
</ul>
</div>
</div>
</body>
</html>
Quelqu'un saurait m'aider plz???
Afficher la suite
