@anton99zel
29а класс средней школы №7

Как переключить стили на js?

<a id="size_boot">Кнопка</a>
<div class="strelka" style="opacity: 0">Контент</div>

Как сделать - раз нажали - у див с классом strelka, изменился opacity на 0
Нажали второй раз - opacity стало 1
?
  • Вопрос задан
  • 152 просмотра
Решения вопроса 4
@Froggyweb
Комментировать
А вообще такое гуглится на ура
document.getElementById('size_boot').addEventListener('click', function() {
	var elem = document.querySelector('.strelka');
	elem.style.opacity =  elem.style.opacity === '0' ? '1' : '0'
});
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
$('#size_boot').on("click", function(){
  $('.strelka').toggleClass('transparent')
})

Ответ написан
Dimd13
@Dimd13
HTML
<a id="size_boot">Кнопка</a>
<div class="strelka hidden">Контент</div>

JS - jQuery
$('#size_boot').on("click", function(){
  $('.strelka').toggleClass('hidden')
})

CSS
.hidden {
  opacity:0
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Narts
toggleClass()?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы