Codice per espandere il contenuto e creazione sottomenù

Buongiorno

Vorrei avere la possibilità di espandere il contenuto, ( non so quale sia il nome specifico ).

Utilizzo Wordpress come piattaforma, in breve:

1-

Il sito si presenta attualmente così:

Pagina Razze

Umano
Tabella contenente i vari tipi di umani immagini descrizioni ecc.
Elfo
Tabella contenente i vari tipi di elfi immagini descrizioni ecc.
Nano
Tabella contenente i vari tipi di nani immagini descrizioni ecc.

Sostanzialmente è una pagina molto lunga, vorrei avere una cosa del genere

-Umano
-Elfo
-Nano
-Vampiro
-Licantropo
-Draconico

Cliccando su umano si apre il Div che contiene la tabella e vedo il contenuto del solo umano, ricliccando mi chiude il tutto e visualizzo le sole razze.
Di modo da avere una navigazione più genuina, altrimenti per arrivare a licantropo scrolli mezz'ora con il cellulare.

2- Risolto ho trovato come fare ;)

(Vorrei sapere come posso fare per creare un sottomenù, nel senso, ho il menù top:

Razze, Classi, Incantesimi, Erbe, Bacchette ecc..

Se passo col cursore su razze in alcuni siti apre una tendina dove vedi:

umano,elfo, nano ecc

E cliccando su uno di essi finisci nella pagina inerente, e o all'altezza giusta di dove si trova l'inizio di quella razza.

Se potreste darmi una spiegazione con codice annesso, vi sarei grato.)

3-

Non comprendo bene quando mi conviene utilizzare gli articoli o le pagine, io attualmente sto utilizzando le pagine, come vengono utilizzati solitamente questi elementi?

Grazie