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

Question

[Дмитрий]

Есть кнопка, при клике на нее должна появляться панель навигации, затем при втором клике она должна исчезнуть и чтобы эти две операции можно было делать бесконечно
Как реализовать ?

var headerBars = document.getElementById('header-bars');
headerBars.onclick = function(){
	// alert('hello');
	document.getElementsByClassName('header-nav')[0].style.cssText = 'display:block;';

	headerBars.onclick = function(){
		document.getElementsByClassName('header-nav')[0].style.cssText = 'display:none;';
		

	}
}

Answer 1

[Vadim Bogomazov]

https://jsfiddle.net/4xj1pcrw/

Answer 2

[Andrew]

const block = document.querySelector('.header-nav'),
      btn = document.querySelector('#header-bars');
btn.addEventListener('click',() => block.style.display=='block'?block.style.display='none':block.style.display='block')