Menu Quando Clica Muda A Imagem E Carrega Um Sub-menu..

Eaí galera como estão? Olha só eu to tentando fazer um menu que quando a pessoa clicar tem uma imagem de seta virada pro texto (pra esquerda né) e essa imagem muda pra uma seta virada pra baixo quando clicar no menu e ele mostraria um sub-menu e aí quando clicasse devolta ele recolheria, no caso teria 5 menu's desses então se clicasse no MENU 2 e o MENU 1 tivesse aberto q o MENU 1 se recolhesse automaticamente...

Exemplo (não clicado):

► MENU 1

► MENU 2

► MENU 3

► MENU 4

► MENU 5

Exemplo (MENU 1 clicado):

▼ MENU 1

• Item 1
• Item 2

► MENU 2

► MENU 3

► MENU 4

► MENU 5

Exemplo (MENU 2 clicado com o MENU 1 aberto):

► MENU 1

▼ MENU 2

• Item 1
• Item 2

► MENU 3

► MENU 4

► MENU 5

Espero q tenham entendido o que quero fazer, eu por enquanto só consegui mostrar o sub menu co a imagem mas não cosigo trokar e o resto tudo mais... alguém pode me ajudar?? http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif