Данный пример не работает, т.к. вы каждый раз применяете один и тот же класс, чтобы вращать элемент постоянно необходимо хранить текущее положение элемента (а вернее угол повотора), увеличивать его по клику и применять свойство к элементу.
С помощью JQuery будет как-то так:
var rotation = 0; // variable to do rotation with
$(".slider-wrapper .circle").click(function() {
rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed
$(this).rotate(rotation);
