arrg! How can I make this into a hyperlink?

[camel101]

I am using this menu here
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

How can I make the tabs hyperlinked and still how the content right under each tab? (I am working within the same site of course) (Ex. templatemonster.com)

In my case below, how do I make forum hyperlinked and also show the tcontent1 below it.



<ul id="maintab" class="shadetabs">
<li class="selected"><a href="http://www.domain.com">Home</a></li>
<li><a href="http://www.domain.com" rel="tcontent1">Forum</a></li>
<li><a href="#" rel="tcontent2">Tab 2</a></li>
<li><a href="#" rel="tcontent3">Tab 3</a></li>
<li><a href="#" rel="tcontent4">Tab 4</a></li>

</ul>

<div class="tabcontentstyle">

<div id="tcontent1" class="tabcontent">
New Posts | Discussions | Pictures.......
</div>

<div id="tcontent2" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>

<div id="tcontent3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>

<div id="tcontent4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>

</div>

<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab")
</script>

[jscheuer1]

If it is a link, you will only see the page that it links to.