Андрей Б.

<button class="button active">1</button>
<button class="button">2</button>
<button class="button">3</button>

$('.button').on('click', function(){
	$('.button').removeClass('active');
	$(this).addClass('active');
});

https://jsfiddle.net/qf4nv9d1/2/

codepen.io/anon/pen/Woormb
Это самый примитывный пример.
Лучше если вы колбеком из попапа будет обрабатывать клик.

Добавьте focusOnSelect: true для .slider-nav

$("#amount2").val($("#slider-range-min2").slider("value") + '%');
$("#amount3").val($("#slider-range-min3").slider("value") + '%');

Сверстать это меню за пределами контейнера который скролится и спозиционировать над табличкой.

Простая ведь задача.
Делал не давно похожую штуку
Пробуйте под себя подогнать

codepen.io/anon/pen/bwOoqy
Для этого в слике есть asNavFor

leafo.net/sticky-kit/#examples
sticky01.blogspot.ru/2013/09/5.html

sachinchoolur.github.io/lightslider/examples.html - Vertical mode
www.menucool.com/slider/thumbnail-slider-demo-3

Потому что псевдоэлементы не относятся к DOM. Вешайте класс с заранее подготовленным псевдоэлементом в CSS.