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

Question

[Антон]

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

Как сделать - раз нажали - у див с классом strelka, изменился opacity на 0
Нажали второй раз - opacity стало 1
?

Answer 1

[Froggyweb]

Очень авторитетный ресурс

Answer 2

[Александр]

А вообще такое гуглится на ура

document.getElementById('size_boot').addEventListener('click', function() {
	var elem = document.querySelector('.strelka');
	elem.style.opacity =  elem.style.opacity === '0' ? '1' : '0'
});

Answer 3

[Stalker_RED]

$('#size_boot').on("click", function(){
  $('.strelka').toggleClass('transparent')
})

Comments

[Froggyweb]

не сработает у него инлайн стили :)

А вообще должен быть еще вопрос куда это вставить. :)

Answer 4

[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
}

Answer 5

[Narts]

toggleClass()?