如何实现HTML点击左边导航右边显示内容

如何实现HTML点击左边导航右边显示内容，就是多个页面在同一个页面上实现

显示与隐藏啊

大概如下：

<a href="/a.html" target="dd">aa</a>
<a href="/b.html" target="dd">bb</a>
<iframe name="dd" src="/c">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>