Несколько блоков в ряд и по наведению на блок (onhover), меняем у него стиль: left:0px и смену цвета.
Будет эффект шкалы, реагирующей на "мышь".
Можно вообще без js обойтись, если сделать стилизацию селектора.
Полностью зависит от того, какую цель вы преследуете.
1. Угодить поисковикам - одно.
2. Угодить пользователю - другое.
3. Угодить заказчику - третье.
4. Срубить бобов за 1 час работы и 3 дня отдыха - тоже вариант!))
Практики - тут вообще ни при чём. Они лишь дают понимание процесса, а необходимость их применения - полностью зависит от выбранной вами цели.
Просто как вариант: 2 коллайд-слоя друг над другом и меняете z-index местами по медиа-запросу.
На одном - просто линк, на другом - вызов функции по клику.
Отключите полностью кеширование всего сайта сразу после редактирования контента на время жизни кэша.
По истечении этого времени - снова включите кэширование.
Часто редактируете - отключайте или совсем, или точечно: только на изменённых линках.
Сайт простой - сделайте кэширование для всего контента на время самого длительного посещения: оптимально 30 минут.