Выбор предыдущего элемента, по которому был клик

    function categories() { 
        var categoriesItem = $('.list li a'); 
        var state = {cur: [], prev: undefined}; 
        categoriesItem.on('click', function(e) { 
        e.preventDefault(); 
        if ($(this).hasClass('active')) {                             
          var e = $(this).data('c');  
          var c = state.cur.slice(); 
          if (state.cur[0] == $(this).data('c')) {      
            state = state.prev; 
            state.cur = c.filter(function (n) { 
                return state.cur.indexOf(n) !== -1 && n != e; 
            }); 
          } else { 
            var c = state.cur.filter(function (v) { 
              return v != e; 
            }); 
            state = { 
              cur : c.filter(function (v) { 
                return v != e; 
              }), 
              prev : state.prev 
            };  
          } 
          if (state.cur.length === 0) { 
            state = {cur: [], prev: undefined}; 
          } 
        } else { 
          var c = state.cur.slice(); 
          c.unshift($(this).data('c')); 
          state = {cur : c, prev : state};      
        } 
        $(".-result").remove(); 
        $('.list li a.active').removeClass('active'); 
        var result = 0; 
        $.each(state.cur, function (k, v) { 
          var e = $("a[data-c=" + v + "]"); 
          result = result + $(e).data('res'); 
          $(e).addClass('active'); 
        }); 
         if (!!state.cur[0]) $("a[data-c=" + state.cur[0] + "]").parent().append('<button class="-result">Результат: ' + result + '</button>');  
      }); 
    } 
 
    categories();

.list li a.active { 
  color: red; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<ul class="list"> 
  <li><a href="#close" data-c="1" data-res="3">Яблоки</a></li> 
  <li><a href="#close" data-c="2" data-res="8">Бананы</a></li> 
  <li><a href="#close" data-c="3" data-res="5">Груши</a></li> 
  <li><a href="#close" data-c="4" data-res="1">Апельсины</a></li> 
</ul>

var items = []; // Массив для хранения последовательности всего кликнутого 
 
$('.list li a').on('click', function(e) { 
  e.preventDefault(); 
     
  var bubu = $(this); 
  if( bubu.hasClass('active') ){ 
    bubu.removeClass('active'); 
     
    var length = bubu.parent().siblings().length;  
    // у вас класс, а не id, поэтому не рискнул $('.list li a').length 
    items.push( bubu.text() );  
    // Для демо в массив сохраняется текст элемента, но можно хоть весь элемент 
    // или его номер, что разумнее 
    items = items.slice( -length-1 ); //Каждый раз массив обрезается с конца. 
  } else { 
    bubu.addClass('active'); 
  } 
 
  console.clear(); console.log( items ); 
});

.list li a.active { 
  color: red; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<ul class="list"> 
  <li><a href="#close">Яблоки</a></li> 
  <li><a href="#close">Бананы</a></li> 
  <li><a href="#close">Груши</a></li> 
  <li><a href="#close">Апельсины</a></li> 
</ul>