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

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

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;';
		

	}
}