Implementation of Tab Screen in portlets

Question

I want to display two tabs which relate to different information in a portlet.
Ex: Tab A Tab B
When user clicks on Tab A , it displays Animal Information
When user clicks on Tab B , it displays Birds Information
The user is able to see both the tabs on single page. The default information is of Tab A.
This is strictly a Tab Screen Implementation in portal.
Is this possible?
It seems to be achieved through Themes Navigation. As tabs can be created by applying css styles . Dont know not sure!
Any idea?
Thanks in advance.

Answer 1

Hi !
ya these are not tabs but looks like tabs and works same as tabs.
follow these steps.
1: take a "contents" div on mouse over,and click change contents of
this div. such as
<div name="contents" width="300" height="300"> </div>
<a href="javascript:your_method()"><img src="tab_image.jpg"></a>
2: on mouse click in java script change contents of div
document.getElementById(tab_name).innerHTML = "CONTENTS";
3: change image source too in same script which shows selected tab
document.getElementByID(tab_image_name).src = "selected_tab.png";