Что нужно дописать в скрипт, чтобы при нажатии на кнопку "Записаться", она выделялась определенным цветом, и оставалась такой до тех пор, пока пользователь не нажмет на нее еще раз, или на другую кнопку.
P.S. CSS active не работает.
a{
background: #ad9c6a;
color:#fff;
padding: 12px 50px;
border-radius: 7px;
}
a:hover{
text-decoration: none;
background: #5f4f21;
transition-property: background-color;
transition-duration: 0.5s;
color:#fff;
}
<script>
function openbox(id) {
var all = document.querySelectorAll(".block-of-text");
for (var i = 0; i < all.length; i++) {
if (all[i].id == id) {
all[i].style.display = (all[i].style.display == 'none')? 'block' : 'none';
} else {
all[i].style.display = 'none';
}
}
}
</script>
<br>
<a href="#" onclick="openbox('box1'); return false">Записаться</a>
<a href="#" onclick="openbox('box2'); return false">Записаться</a>
<br><br><br>
<div class="block-of-text" id="box1" style="display: none;">Отображаемый блок 1</div>
<div class="block-of-text" id="box2" style="display: none;">Отображаемый блок 2</div>