Клики по ссылкам в сортировке?

Question

[Localhost]

Здравствуйте.
Помогите довести до ума скрипт.
Сделал чтобы кликая по Name менялись классы, а c остальным не могу разобраться.

Требуется чтобы кликая по Test 1 или Test 2 активные классы (asc desc) с Name сбрасывались, а на кликнутую ссылку присваивался класс active, тоже самое и обратно, при клике на Name, убирался класс active с ссылок Test 1 или Test 2

https://jsfiddle.net/94cLmwd3/1/

Answer 1

[Сергей Соколов]

Можно в глобальной переменной хранить значение активного элемента, а в data-атрибуте переключаемых пунктов записывать их текущее состояние сортировки.

var active = undefined; // здесь будет jQuery( активный пункт )
var $sortable = $('a.sortable'); // пунктов с сортировкой потом может быть больше 1
$sortable.data('sort', true); // true == asc, false == desc

$('a.clickme').on('click', function() {
  var $el = $(this);
	$sortable.removeClass('asc').removeClass('desc'); // у всех убрать сортировку
	if( $el.hasClass('sortable')) { // кликнули переключаемый пункт
	  if( active && $el[0] === active[0]) { // он был уже активен
			$el.data('sort', !$el.data('sort')); // изменили сортировку на другую
			$el.addClass( $el.data('sort') ? 'asc' : 'desc') // переключили классы соотв.
		  	.removeClass( $el.data('sort') ? 'desc' : 'asc');
		} else {
			$el.addClass( $el.data('sort') ? 'asc' : 'desc'); // просто добавили правильный класс
		}
	}
	
	if( active) active.removeClass('active'); // выключить предыдущий активный эл.
	active = $el.addClass('active'); // включить активность кликнутого
});

Fiddle

Comments

[Localhost]

Спасибо, в целом понял, буду доводить до ума

[Сергей Соколов]

Алексей: в целом идея, что где-то надо хранить состояние всей системы, и адекватно реагировать на события в ней. Допускаю, что я далеко не лучшим образом реализовал сие, но, вроде, работает )

[Localhost]

Сергей Соколов: да, большое спасибо за свое решение, очень помогло понять логику