Question

I have a page with 2 links on it.
The page URL is example.com/all

Now the 2 links on the page, one goes to example.com/all/list and the other to example.com/all/map

What I want is when the user lands on example.com/all, class for the href link needs to be ‘current’
When I click on example/all/map the map link needs to have the class ‘current’ and the list/all link needs it removing.

When I click on all/list after clicking on all/map, the current class needs to be on the all/list link and removed from the all/map

If that makes sense?

Similar to a toggle.

Answer 1

Here’s a helper I use in PHP:

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

Then in the page logic:

<?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>