menu css com submenu expansível

Boa tarde galera,

estou montando um site e tentando fazer o seguinte efeito no menu dele:

Um menu horizontal simples que áo passar o mouse sobre produtos cria um dropdown onde ele me mostra as

"categorias" de produtos. O efeito que eu quero criar é no proximo passo que seria áo clicar ou mesmo passar o mouse em cima

do texto (categoria) ele expanda para baixo dele mostrando os links dos produtos por ex:

inicio - produtos - contato

áo posicionar em cima de produtos

um dropdown

• produtos > FRUTAS >

VERDURAS >