Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   почему нет включения кнопки (https://javascript.ru/forum/dom-window/65413-pochemu-net-vklyucheniya-knopki.html)

imedia 17.10.2016 14:14

почему нет включения кнопки
 
почему когда я первый раз нажимаю кнопку происходит изменение класа а когда уже на другую нажимаю то нет?
$( document ).ready(function() {
$('.btn').click(function(){

if ( $(this).hasClass("btn1") ) {
$(this).addClass("btn2a")
$(this).removeClass("btn1a")
}
if ( $(this).hasClass("btn2") ) {
$(this).addClass("btn1a")
$(this).removeClass("btn2a")
}
})
})

Dilettante_Pro 17.10.2016 14:24

imedia,
А что у вас на кнопках есть изначально?

imedia 17.10.2016 15:13

http://imediasun.zzz.com.ua/

вот посмотрите две кнопки надо чтобы когда одна становится темно зеленой вторая становилась светлозеленой

Dilettante_Pro 17.10.2016 15:45

imedia,
Первая кнопка до
<a class="btn btn1 btn_active">
<h3>Вакансии</h3>
</a>
после нажатия на первую
<a class="btn btn1 btn_active btn2a">
<h3>Вакансии</h3>
</a>

Вторая кнопка до
<a class="btn btn2 btn_no_active">
<h3>Резюме</h3>
</a>
после нажатия на вторую
<a class="btn btn2 btn_no_active btn1a">
<h3>Резюме</h3>
</a>
цвет темно-зеленый

Стили
.btn1a{
background:#2c7d00;
}
.btn2a{
background:#4fa520;
}

.navbar{
width:100%;
background:#4fa520;
height:55px;
}
т.е у navbar цвет такой же, как .btn2a
Все работает так, как прописано


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