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>