Как правильно использовать переменную?

[Арсений JustPuk]

Добрый день. Написал следующий код, но естественно он не работает.

$('.navigation-img li a').click(function() {
 var test = $(this).attr('rel');
 $('.img-mock-up img').css('transform','translateY(test )');
 alert(test);
 return false;
});

Как мне сделать так, что бы переменная test, использовалась для изменения стиля.

[рони]

Арсений JustPuk,
'translateY( ' + test + ')'

[Арсений JustPuk]

Спасибо)

[Арсений JustPuk]

Еще такая тема вырисовалась

$('.navigation-img li').click(function() {
  var getvalue = $(this).attr('rel');
  $('.img-mock-up img').css('transform','translateY( ' + getvalue + ')');
  $(this).parent().find('li').addClass('active');
  
  $(this).parent().find('li').next().toggleClass('active');
  
   return false;
});

Нужно сделать так, что бы при нажатии на пункт со следующего снимался класс, при этом если на текущем класса нет, то навешивался.

Если выразится иначе то логика такая:
1.active
2.active
3
4
Если пользователь нажмет на 1, то с 2 снимется класс, если на 3, то к 3 класс добавится. Если на 4, то класс добавится и 3 и 4.

Очень прошу помощи

[Aetae]

$('.navigation-img li').click(function() {
  var getvalue = $(this).attr('rel');
  $('.img-mock-up img').css('transform','translateY( ' + getvalue + ')');
  $(this).prev().addClass('active');
  $(this).addClass('active');
  $(this).next().removeClass('active');
   
   return false;
});

[Арсений JustPuk]

Спасибо.