Changer d'onglet grâce à un bouton Suivant/Précédent avec jQuery UI

Publié le 12 mars 2009 par Dave Lizotte
Les onglets sont de plus en plus répandu et de plus en plus apprécié. Par contre, lorsque ces derniers sont plus de 3 ou 4, il peut devenir vite ennuyant de d'utiliser ce type de navigation. Donc il devient nécessaire d'offrir au utilisateur une alternative afin de doter vos onglets d'une navigation plus facile grâce un bouton Suivant/Précédent fonctionnant à l'aide de jQuery et permettant la navigation entre chaque onglet.
jQuery UI permet la création de boîtes d'onglets très rapidement. Mais le but de ce tutoriel n'est pas de vous montrez la création de ce dernier mais bien l'ajout de la fonctionnalité de navigation. En effet, jQuery UI n'offre pas de solution pré-programmé afin de changer l'onglet actif. Nous allons donc ajouté cette fonctionnalité en insérant un lien suivant et précédent qui s'occupera de la navigation.