<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>
<div id=”tabwrap”>
<script>
$(‘#tabs li a’).click(function(e){
$(‘#tabs li, #content .current’).removeClass(‘current’).removeClass(‘fadeInLeft’);
$(this).parent().addClass(‘current’);
var currentTab = $(this).attr(‘href’);
$(currentTab).addClass(‘current fadeInLeft’);
e.preventDefault();
});
</script>
<!– TABS –>
<ul id=”tabs”>
<li class=”current”><a href=”#home”>Home</a></li>
<li><a href=”#about”>About</a></li>
<li><a href=”#services”>Services</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
<!– TAB CONTENT –>
<div id=”content”>
<div id=”home” class=”current”>
<p>Tab text goes here.</p>
</div>
<div id=”about”>
<p>Tab text goes here.</p>
</div>
<div id=”services”>
<p>Tab text goes here.</p>
</div>
<div id=”contact”>
<p>Tab text goes here.</p>
</div>
</div>
</div>
Recent Comments