Liste alphabétique / spoil

**faczisloaded** · 31/12/2015, 16h00

Bonjour à tous.

Je cherche à créer une liste alphabétique, et lorsque l'on clique sur l'une des lettres, sous cette liste, s'affichent des termes, et chaque terme utiliserait (j'imagine) le même processus pour ensuite afficher un texte relatif au terme.

Par exemple la liste :

A - B - C - D

Si je clique sur C, apparait une liste à puce du genre :

- Collant
- Crapaud
- Crôa

En cliquant sur Crapaud, par exemple, un texte apparait, disons de deux trois lignes.

Je ne sais pas du tout comment m'y prendre. Au secours. :'(

facz

**Muchos** · 01/01/2016, 04h00

N'est-ce pas une description list mise en forme sur le modèle des menus déroulants (voir des exemples dans la galerie CSS) ?

La structure HTML pourrait ressembler à :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
  <title>Index</title>
  <meta charset="UTF-8" />
</head>
<body>
<dl>
  <dt>A<dt>
  <dt>B</dt>
    <dd>
      <dl>
        <dt>Baba Yaga</dt>
        <dt>Balrog</dt>
          <dd>Créature de l'univers de <a href="#tolkien">Tolkien</a>.</dd>
      </dl>
    </dd>
  <dt>T</dt>
    <dd>
      <dl>
        <dt id="tolkien">Tolkien (J. R. R.)</dt>
          <dd>Auteur britannique.</dd>
      </dl>
    </dd>
</dl>
</body>
</html>

**faczisloaded** · 01/01/2016, 11h17

Merci, merci, merci !! Pas moyen de me souvenir ce qu'il fallait utiliser, en l'occurence la description list.
Merci beaucoup.

Liste alphabétique / spoil

HTML

Vue hybride

Discussions similaires

Partager

Partager