Здравствуйте. Я сделала, чтобы при нажатии на кнопку, менялась картинка и цвет кнопки. Но как сделать, чтобы при повторном нажатии на неё, цвет и картинка возвращались в исходное состояние?
Часть кода html:
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<button class="btn-price" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" >
Парикмахерские услуги
</button>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
<br>Стрижка с сушкой......1000 — 1500 руб.
<br>Стрижка с укладкой....1400 — 2200 руб.
<br>Коррекция челки.......200 руб.
<br>Окрашивание...........1600 — 5000 руб.
<br>Окрашивание корней....2000 — 2100 руб.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<button class="btn-price" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
Косметология
</button>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<br>Чистка кожи......2200 — 2800 руб.
<br>Маски для лица....400 — 800 руб.
<br>Массаж лица.......500 — 1500 руб.
</div>
</div>
</div>
Код js:
<script>
$('#accordion button').click(function(event) {
$('#accordion .button_fixed').removeClass('button_fixed');
$(this).addClass('button_fixed');
event.preventDefault()
})
</script>