Menu e Submenus expande ao clicar

Colegas,

estou iniciando html / css, gostaria de fazer um menu assim como exemplo:

>Fruta

>Sucos

>Laticios

Ao clicar por exemplo em Frutas, ficaria assim:

>Frutas

*Laranja

*Banana

*Maça

>Sucos

>Laticinios

*Queijo

*Leite.

OU seja, ao clicar a lista expande para submenus. Como se chama esse metodo? Podem me dar um exemplo ou indicar algum tutorial?

Obrigado.