Une opération que l’on souhaite souvent réaliser : ajouter une classe « active » à un élément cliqué et supprimer cette même classe sur tous les autres éléments du menu. Voici un petit script qui le fait très simplement.
Supposons avoir le code HTML suivant :
<ul class="menu"> <li><a href="item1.php"><span>item1</span</a></li> <li><a href="item2"><span>item2</span></a></li> </ul>
Il suffit alors d’installer jQuery et de placer le script suivant dans la balise <body> :
<script type="text/javascript">
$(document).ready(function(){
$(".menu a").click(function() {
$(".menu a").each(function(){
$(this).removeClass("active");
});
$(this).addClass("active");
});
});
</script>
Tom
Simple et efficace, merci ;-)
Kovaldski
ty dude !
Sébastien
Merci, c’est parfait. D’habitude, je le fais avec php mais ce script est utile pour un site « one page ».