Problem with tabs
Problem with tabs
Hey guys !
I am presently working on a Netvibes widget project and would like to
recieve your help because my tabs don't work.
Here is my code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="libs/jquery-1.3.2.js"></
script>
<script type="text/javascript" src="libs/jquery-
ui-1.7.1.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabs").tabs();
});
</script>
<link rel="stylesheet" type="text/css" href="http://
www.netvibes.com/themes/uwa/style.css" />
<script type="text/javascript" src="http://www.netvibes.com/js/UWA/
load.js.php?env=Standalone"></script>
<title>Name - Dernières actualités</title>
</head>
<body>
<div id="top">
<img src="logo_name.png" alt="Name" />
</div> <div id="tabs">
<ul>
<li><a href="#fragment-1"><span>À la une</span></a></
li>
<li><a href="#fragment-2"><span>Politique</span></a></li>
<li><a href="#fragment-3"><span>Football</span></a></li>
</ul></div>
<div id="fragment-1">
Texte du premier onglet
</div>
<div id="fragment-2">
Texte du second onglet
</div>
<div id="fragment-3">
Texte de l'onglet trois !
</div>
</body>
</html>
When I look at it in my browser, I see the names of the tabs but all
the content is there to. How can I make it so when we come on the page
we only see the content of the first tab and so on...
Thanks !