Hello,
I have used this for my site www.ChristianBlog.com and it's work rather well.
Here is what I am using for your review:
PHP Code:
<link rel="stylesheet" type="text/css" href="ajaxtabs.css" />
<script type="text/javascript" src="ajaxtabs.js"></script>
<ul id="maintab" class="shadetabs">
<li <?php if($tabme == '') { echo 'class="selected"';};?>><a href="#default" rel="ajaxcontentarea">Profile</a></li>
<li <?php if($tabme == 'friends') { echo 'class="selected"';};?>><a href="bio_myfriends.php?uid=<?=$uid;?>" rel="ajaxcontentarea">Friends</a></li>
<li <?php if($tabme == 'blogs') { echo 'class="selected"';};?>><a href="bio_myblogarchive.php?uid=<?=$uid;?>" rel="ajaxcontentarea">Blogs</a></li>
<li <?php if($tabme == 'surveys') { echo 'class="selected"';};?>><a href="bio_mysurveys.php?uid=<?=$uid;?>" rel="ajaxcontentarea">Surveys</a></li>
<li <?php if($tabme == 'gallery') { echo 'class="selected"';};?>><a href="bio_mygallery.php?uid=<?=$uid;?>" rel="ajaxcontentarea">Gallery</a></li>
<li <?php if($tabme == 'shoutouts') { echo 'class="selected"';};?>><a href="bio_myshoutouts.php?uid=<?=$uid;?>" rel="ajaxcontentarea">Shout-outs</a></li>
</ul>
<div id="ajaxcontentarea" class="contentstyle">
some default text should go here... whever you want the "profile" tab listed first to display
</div>
<script type="text/javascript">
startajaxtabs("maintab")
</script>
You can see this in-action at: http://www.christianblog.com/bio/abelajohnb/
note my use to be able to pre-select a specific tab, via:
PHP Code:
<li <?php if($tabme == 'shoutouts') { echo 'class="selected"';};?>>
That allows you to link to a specific tab, such as:
http://www.christianblog.com/bio/abelajohnb/gallery/
(I am using SEO url's, so your uri's might be slighly different)
Hope this helps!
Bookmarks