Observons le fichier suivant :
<!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Compétences </title> <link rel="stylesheet" href="jquery/jquery-ui.css"> <script src="jquery/jquery.js"></script> <script src="jquery/jquery-ui.js"></script> <script> $(function() { $( "#tabs" ).tabs(); }); </script> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs0">Question</a></li> <li><a href="#tabs1">Indice</a></li> <li><a href="#tabs2">Reponse</a></li> <li><a href="#tabs3">Cours</a></li> </ul> <div id="tabs0" > bla1 </div> <div id="tabs1" > bla2 </div> <div id="tabs2" > bla3 </div> <div id="tabs3" > bla4 </div> </div> </body> </html>
Vous noterez tois liens dans le head vers des fichier jquery.
Ce sont des fichiers tous fait qu'il ne reste que utiliser : les voici
Si ces fichiers sont présent , et les liens corrects, on peut utiliser toutes les fonctionnalités.
Plus d'info sur ce site .