@anton99zel

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

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

Как сделать - раз нажали - у див с классом strelka, изменился opacity на 0
Нажали второй раз - opacity стало 1
?
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
Stalker_RED
@Stalker_RED
$('#size_boot').on("click", function(){
  $('.strelka').toggleClass('transparent')
})

Ответ написан
Пригласить эксперта
Ответы на вопрос 4
А вообще такое гуглится на ура
document.getElementById('size_boot').addEventListener('click', function() {
	var elem = document.querySelector('.strelka');
	elem.style.opacity =  elem.style.opacity === '0' ? '1' : '0'
});
Ответ написан
Dimd13
@Dimd13
HTML
<a id="size_boot">Кнопка</a>
<div class="strelka hidden">Контент</div>

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

CSS
.hidden {
  opacity:0
}
Ответ написан
Ваш ответ на вопрос

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

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