Exibir uma div, esconder as outras

Estou trabalhando em um projeto onde tem um mapa do Brasil com os representantes da empresa. O mapa está feito, com seus devidos mapeamentos em CSS e links. Tudo certinho. Minha dificuldade está em abrir a div do estado sobre o qual o usuário clica para exibir os representantes. Na verdade eu até consigo exibir a div, mas não sei como fazer para fechar uma div ao ser clicado em outro estado.

Por exemplo: o usuário clicou no estado de SP e abriu a div com os representantes daquele estado. Ao clicar no estado do RJ (ou qualquer outro), o JS deve fechar o estado de SP e abriu o clicado.

Alguém pode me dar uma luz nesse assunto? Ah, estou trabalhando com JQuery.

Agradeço.