Alternar exibição de section's

[WyBadass_BR 0]

Eu tenho um site em HTML que possui quatro sessões de conteúdos diferentes que são acessados por botões de um menu de navegação, acontece que eu não quero abrir outras páginas no meu arquivo para exibir esse conteúdo, eu quero fazer de uma maneira que quando eu clicar no botão do conteúdo 1, por exemplo, todos os outros sejam escondidos e apenas o conteúdo 1 apareça, ou ao clicar no 2, todos sejam escondidos, exceto o 2(No total, são quatro opções).

 

Enfim, eu gostaria de fazer isso em JavaScript, é possível? Se sim, como?

[William Bruno 1501]

Vc pode fazer de duas maneiras:

Utilizando show/hide (display: none|block)

Ou utilizando ajax.

[WyBadass_BR 0]

Sim, eu consegui fazer usando "display: none|block".

O código javascript ficou:

var id = "_1";

function identificar(ID) {
	for (var i = 1; i <= 5; i++) {
		if (ID == i) {
			document.getElementById(id).style.display = "none";
			id = '_' + ID;
			document.getElementById(id).style.display = "block";
		} else {
			continue;
		}
	}
}

Sendo que o parâmetro ID da função identificar é o id da âncora, que é passado através do onclick, e o id com "_" na frente é o id da section.
Tipo, id = "_1" é referente ao primeiro section q é exibido quando eu clico no primeiro botão.
Enfim, o código completo tem 3 arquivos(html, css, javascript), se quiser dar uma olhada:

https://www.dropbox.com/sh/r8ewrd5is9q1q2e/AAAwJUudoeutNDw2P4BG0yvFa?dl=0