ajouter et supprimer des classes css sur href

Question

J'ai une page avec 2 liens dessus. L'URL de la page est example.com/all

maintenant les 2 liens sur la page, on va à example.com/all/list et l'autre à example.com/all/map~~V~~3rd

Ce que je veux Lorsque l'utilisateur atterrit sur example.com/all, la classe du lien href doit être 'current' Lorsque je clique sur example/all/map, le lien de la carte doit avoir la classe 'current' et le lien list/all a besoin de l'enlever.

Lorsque je clique sur tous/liste après avoir cliqué sur sur tous/carte, la classe actuelle doit être le tout/lien de liste et retirée du tout/carte

Si cela est logique?

Semblable à une bascule.

Answer 1

Voici une aide que j'utilise en PHP:

<?php 
function current_class_if($condition) { 
    return $condition ? 'class="current"' : ''; 
} 
?> 

Puis, dans la logique de la page:

<?php 
$page = 'list'; 
?> 

<a href="example.com/all/list" <?= current_class_if($page=='list') ?>> All </a> 
<a href="example.com/all/map" <?= current_class_if($page=='map') ?>> Map </a> 

Answer 2

cela peut être fait du côté serveur.

Vous devez définir le lien actuel sur la page.

comme si vous avez la page html statique, cela peut se faire comme la page

: example.com/all/list

<a class="current" href="example.com/all/list"> All</a> 
<a href="example.com/all/map">Map</a> 

page: example.com/all/map

<a href="example.com/all/list"> All</a> 
<a class="current" href="example.com/all/map">Map</a> 

Je ne connais pas grand-chose à PHP mais vous pouvez aussi le configurer en PHP en vérifiant l'URL de la page en cours.