[SOLUCIONADO] Simplificar código

[SynSor]

Hola muy buenas, la verdad es que soy más de c++, html y css, y desde luego nunca había usado JavaScript o Jquery ya que siempre había trabajado para páginas sencillas que me encomendaban los clientes.

Me puse a experimentar con JS y he aprendido bastante solo que a la hora de simplificar(optimizar) no tengo ni la mas remota idea.

Os muestro el código:

Código:

function divcolor(){ 
	
		document.getElementById("boton").style.background = "#000";
		document.getElementById("buton").style.color = "#FFF";
		document.getElementById("div").style.display = "inline";
		document.getElementById("div1").style.display = "none";
		document.getElementById("div2").style.display = "none";
		document.getElementById("div3").style.display = "none";
		document.getElementById("div4").style.display = "none";
		document.getElementById("div5").style.display = "none";
}

Simplemente quiero ahorrar líneas y hacerlo más compacto para que sea más fácil de entender y esté optimizado.

No sé si pido mucho, pero en el caso de existir método preferiría que me lo explicaran.

Un saludo y gracias de antemano.

[Middrel]

Bueno, no soy el más experto en el tema pero supongo que llamas esa función cuando realizas algo en tu página...

Con jQuery yo haría:

Código Javascript:

$("#boton").css({"background":"#000", "color":"#fff"});
$("#div").attr("display","inline");
$("#div1, #div2, #div3, #div4, #div5").attr("display","none");
 

Saludos!