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>