Afficher/cacher du contenus en javascript

Bonjour,
j’ai un site avec les addresses correpondant à chaque lettres.
Mais j’ai becoup d’addresses :confused:

Je voudrais savoir comment faire pour faire comme une liste par exemple A/B/C/D ect et lors du clique d’une lettre les adresses safficherons :slight_smile:

Merci d’avances :slight_smile:

Hello,

Fait des bloc ( div ) pour chaque lettre, avec un id unique et ajoute lui une classe comune. Ensuite via du javascript, tu masque la classe commune et tu affiche le bloc de lettre. Pour le javascript je te conseille d’utiliser une lib comme jquery, surtout pour gérer les classes et les effets.

En gros t’aurai un code de ce type :



<script>

founction(lettre) {

$("div.lettre").hide();
$("div#"+lettre+"").show();


}

</script>

 <a onclick="lettre(a)">A</a>
 <a onclick="lettre(b)">b</a>

<div class="lettre" id="a">
AAAAA
AAALDLELDE
AAAKDLEKDEL
</div>

<div class="lettre" id="b">
BBBDELKDKELDE
BKOEKODE
BDEKODKDZLKZ
</div>


Et voilou !

Dsl pour la réponse en retard !!

Merci je vais tester cela !

Salut,
Vu la date du post, je suppose que c’est résolu, sinon …
Je ne suis pas expert en JS (j’ai pris l’habitude d’utiliser JQuery même pour des petits trucs ^^") mais j’ai l’impression qu’il y a une ou deux fautes dans ta fonction riton
A priori ce serait plus function lettre(variable) { … }, et ce ne serait pas du JQuery ça :


$("div.lettre").hide(); 
$("div#"+lettre+"").show();

? En JS je crois que ça donne document.getElementById().hide; et pareil en show() avec la bonne div passée en paramètre.