Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Смена фона и картинки при клике (https://javascript.ru/forum/dom-window/62286-smena-fona-i-kartinki-pri-klike.html)

solobutova@mail.ru 03.04.2016 02:16

Смена фона и картинки при клике
 
Вложений: 1
Здравствуйте. Впервые сталкиваюсь с javascript. Может, кто знает, как сделать, чтобы при нажатии на кнопку менялся плюс на минус (картинки), и цвет фона, но при нажатии на неё же или на другую кнопку, кнопка возвращалась в исходное состояние? Сворачивание сделала, использую bootstrap 3. Вот кусок 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>

laimas 03.04.2016 06:42

Вместо panel-collapse accordion, он работает так как вам надо.

ainur777 04.04.2016 16:50

Можно просто в css

solobutova@mail.ru 06.04.2016 02:56

Цитата:

Сообщение от ainur777 (Сообщение 413121)
Можно просто в css

Не подскажите, как?

Alexander Belov 06.04.2016 15:50

solobutova@mail.ru,
При помощи pseudo elements.

Example


Часовой пояс GMT +3, время: 14:21.