Показать сообщение отдельно
  #1 (permalink)  
Старый 12.04.2016, 05:17
Интересующийся
Отправить личное сообщение для solobutova@mail.ru Посмотреть профиль Найти все сообщения от solobutova@mail.ru
 
Регистрация: 03.04.2016
Сообщений: 10

Возврат в исходное состояние кнопки
Здравствуйте. Я сделала, чтобы при нажатии на кнопку, менялась картинка и цвет кнопки. Но как сделать, чтобы при повторном нажатии на неё, цвет и картинка возвращались в исходное состояние?
Часть кода 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>
Изображения:
Тип файла: jpg Снимок.JPG (36.4 Кб, 4 просмотров)
Ответить с цитированием