Здравствуйте, подскажите как реализовать сортировку материала (по дате, по комментариям, по популярности) имея вот такой вид кнопок? и так же чтоб сортировка срабатывала при нажатии на ползунок(между кнопками)
Вот код самих кнопок:
Код
<div class="filter-extras">
<div class="filter-by">
<a href="$TOP_NEW_URL$" class="sort-by-date act" data-by="date">
<i class="fa fa-calendar" aria-hidden="true"></i>
<span class="filter-popup">Сорт по дате</span></a>
<span class="filter-switch left-act"><span class="filter-switch-toggle"></span></span>
<a href="$TOP_COMMS_URL$" class="sort-by-name" data-by="name">
<i class="fa fa-font" aria-hidden="true"></i>
<span class="filter-popup">Сорт по коментам</span></a>
</div>
<div class="filter-sorting">
<a href="$TOP_RATING_URL$" class="sort-by-desc act" data-sort="desc">
<i class="fa fa-sort-amount-desc" aria-hidden="true"></i>
<span class="filter-popup">Популярное</span></a>
<span class="filter-switch left-act"><span class="filter-switch-toggle"></span></span>
<a href="$TOP_READS_URL$" class="sort-by-asc" data-sort="asc">
<i class="fa fa-sort-amount-asc" aria-hidden="true"></i>
<span class="filter-popup">Просмотренное</span></a>
</div></div>