Hey everyone! I am stuck on this problem using jQuery and the tabs pluginHere
is the code, any suggestions?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mike Rothermel</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/jquery.tabs.css" />
<link rel="stylesheet" href="css/jquery.tabs-ie.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.tabs.js"></script>
<script type="text/javascript">
$(function() {
$('#menu').tabs();
});
</script>
</head><body>
<div id="headCont">
<div id="header">
<div id="menu">
<ul class="tabs-nav">
<li><a href="#profile"><span>Profile</span></a></li>
<li><a href="#insight"><span>Insight</span></a></li>
<li><a href="#portfolio"><span>Portfolio</span></a></li>
<li><a href="#contact"><span>Contact</span></a></li>
</ul>
</div><!--menu end-->
</div><!--header end-->
</div><!--headCont end-->
<div id="content">
<div id="profile" class="tabs-container">Home</div><!--profile end-->
<div id="insight" class="tabs-container">Insight</div><!--insight end-->
<div id="portfolio" class="tabs-container">Portfilio</div><!--portfolio
end-->
<div id="contact" class="tabs-container">Contact</div><!--contact end-->
</div><!--content end-->
<div id="footerCont">
<div id="footer"></div><!--footer end-->
</div><!--footerCont end-->
</body>
</html>
