Как добавить класс только для одного элемента из списка?

Question

[KarlosSatana]

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

<div class="container">
    <div class="card--content">
        <a href=""></a>
    </div>
   <div class="card--content">
        <a href=""></a>
    </div>
   <div class="card--content">
        <a href=""></a>
    </div>
</div>

Answer 1

[Сергей delphinpro]

$('.card--content').on('click', 'a', function(){ $(this).parent().addClass('clicked');});

Comments

[iBird Rose]

про fadeOut забыл)

[Сергей delphinpro]

iBird Rose: фэйдауты нужно в css писать с opacity и transition

[iBird Rose]

Сергей: я думаю ТС имел ввиду это https://jsfiddle.net/LemmLh0s/

[KarlosSatana]

Сергей: Точнее Свойство hide. Надо, чтоб остальные элементы исчезли и остался с классом clicked.

[Сергей delphinpro]

iBird Rose: Я подумал об этом https://jsfiddle.net/LemmLh0s/1/