ساخت تب در html

سلام من میخواستم یک لیست طراحی کنم که هر کدام از آن ها شامل یک زیر لیست باشد و با کلیک روی لینک هر زیر لیست بخشی از صفحه نمایش داده شود.مشکل من اینه که نمیتونم با کلیک بر روی هر زیر لیست به یک بخش از صفحه آدرس بدم.

این کدی هست ک نوشتم:

 <nav id="menu2">
<ul id="ul1">
<li class="first"><a href="">پیام ها</a>
<ul>
<li class="second"><a href="">نمایش پیام های سایت</a>
<div id="content">
<h4>صفحه نمایش پیام های سایت</h4>
</div>
<li class="second"><a href=""> ویرایش پیام</a>
<li class="second"><a href=""> ایجاد پیام</a>
</ul></li>
<li class="first"><a href="">کاربران</a>
<ul>
<li class="second"><a href="">نمایش کاربران سایت</a>
<li class="second"><a href="">ویرایش کاربران</a>
</ul></li>
<li class="first"><a href="">آمار سایت</a>
<ul>
<li class="second"><a href="">تعداد کاربران</a>
<li class="second"><a href="">تعداد پیام های ارسالی سایت</a>
</ul>
</li>
</ul>
</nav>

مثلا وقتی میخوام روی نمایش پیام های سایت کلیک کردم div مربوط به آن نمایش داده شود .

ممنون میشم راهنماییم کنید.