Menu com Menu

Boa noite!

Estou querendo fazer um menu horizontal, tipo:

<div id="menu_hor">

<div align="center">

<ul>

<li><a href="#">Home</a></li>
<li><a href="#">Apt A</a></li>
<li><a href="#">Apt B</a></li>
<li><a href="#">Apt C</a></li>
<li><a href="#">Casa</a></li>

</ul>

</div>

</div>

Onde ao clicar no item Casa o menu seria substituído por outro menu, tipo:

<div id="menu_hor">

<div align="center">

<ul>

<li><a href="#">Home</a></li>
<li><a href="#">Casa A</a></li>
<li><a href="#">Casa B</a></li>
<li><a href="#">Casa C</a></li>

</ul>

</div>

</div>

e clicando em Home voltaria para página inicial com o primeiro menu

A substituição seria no mesmo lugar, um pelo outro.

Alguém sabe como poderia fazer esta troca de menus?

Qualquer ajuda será bem vinda.

kklo