Spoiler

Ainda estou aprendendo js e estou com um problema! Não esta funcionando o spoiler que eu fiz....

function comida(){
	if(document.getElementById('arma')
	.style.display=='') {document.getElementById('arma')
	.style.display='none'}

	if(document.getElementById('recurso')
	.style.display=='') {document.getElementById('recurso')
	.style.display='none'}

	if(document.getElementById('excluir')
	.style.display=='') {document.getElementById('excluir')
	.style.display='none'}

	if(document.getElementById('comida')
	.style.display=='none') {document.getElementById('comida')
	.style.display=''}
}

function arma(){
	if(document.getElementById('comida')
	.style.display=='') {document.getElementById('comida')
	.style.display='none'}

	if(document.getElementById('recurso')
	.style.display=='') {document.getElementById('recurso')
	.style.display='none'}

	if(document.getElementById('excluir')
	.style.display=='') {document.getElementById('excluir')
	.style.display='none'}

	if(document.getElementById('arma')
	.style.display=='none') {document.getElementById('arma')
	.style.display=''}
}

function recurso(){
	if(document.getElementById('arma')
	.style.display=='') {document.getElementById('arma')
	.style.display='none'}

	if(document.getElementById('comida')
	.style.display=='') {document.getElementById('comida')
	.style.display='none'}

	if(document.getElementById('excluir')
	.style.display=='') {document.getElementById('excluir')
	.style.display='none'}

	if(document.getElementById('recurso')
	.style.display=='none') {document.getElementById('recurso')
	.style.display=''}
}

function excluir(){
	if(document.getElementById('arma')
	.style.display=='') {document.getElementById('arma')
	.style.display='none'}

	if(document.getElementById('recurso')
	.style.display=='') {document.getElementById('recurso')
	.style.display='none'}

	if(document.getElementById('comida')
	.style.display=='') {document.getElementById('comida')
	.style.display='none'}

	if(document.getElementById('excluir')
	.style.display=='none') {document.getElementById('excluir')
	.style.display=''}
}

	 

	 

	Este codigo deveria fazer:

	Se os elemento com os ids, arma, recurso, excluir estiverem aparecendo, então, esses elementos serão escondidos! e se o elemento com o id comida estiver escondido, então, esse elemento aparecerá! (Assim com todas as funções mudando o id)

	 

	Se alguem souber fazer melhor, alguma dica, ou algum lugar que explique isso, pfv me passem!