JQuery Help, On click, сделать остальные темными

Question

Как сделать это в jquery, так что, когда какой-либо элемент, который нажал на .cd-элемент, я хочу, чтобы не щелкнув, они темнеют.

Активный режим должен иметь непрозрачность 1, где остальные не нажатые будут иметь класс «darkbackground». Я по-прежнему новичок в javascript, поэтому понимаю, сможет ли кто-нибудь помочь.

Так, например, если нажимают Дэвида Бекхэма, руни и кака должны быть черными. Если щелкнуть руной, Дэвид Бекхэм и Кака должны быть набросками черного цвета и так далее.

Вот codepen

$(".cd-item a").click(function(){ 
    var myelement = $(this).attr("href") 
    $(".cd-item a").addClass("darkbackground"); 
}); 

Thankyou, любая помощь будет оценена.

Answer 1

Это будет делать то, что вам нужно:

var $items=$(".cd-item a"); 
$items.click(function(){ 
    var $this=$(this); 
    $items.removeClass("darkbackground"); 
    $this.addClass("darkbackground"); 
}); 

Updated Codepen

Answer 2

Использование JQuery .not()

$(".cd-item a").click(function(){ 
    $(".cd-item a").removeClass("darkbackground"); 
    $(".cd-item a").not($(this)).addClass("darkbackground"); 
}); 

codepen: http://codepen.io/anon/pen/GpbNVb