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

Question

[Mary Солнечная]

Подскажите, пожалуйста. Имеются три блока с кнопками внизу. Когда я нажимаю на одну из кнопок (она активная) - все остальные имеют полупрозрачный белый фон , являясь визуально как-бы неактивными, но по ссылкам внутри них можно перейти. Как сделать так, чтобы при клике на активную кнопку/ссылку только она была активная, а все остальные - нет?
Пояснение:
Картинки и кнопочки лежат внутри списка элементов.

button{
    width:100%;
    background: rgba(255,154,80, 0.5);
    border:0;
    height:30px;
    color:#fff;
    line-height: 0px;
    padding:20px 0px;
    margin-top: 24px;
}

 button a  {
   font-family: Calibri;
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-size: 20px;
}

li.list-item.active2 button{
    background: #ff9a50;
}

Заранее спасибо

Answer 1

[Андрей Малиновский]

Вот такой пример