http://creativosdada.sytes.net/jscript/design_menu.js

Vamos, puedes identar no? xD

$(document).ready(function(){
 
	$("#layout").click(function(){
		$("#web_design_content, #corporate_image_content, #picture_content, #pacakin_content, #digital_printing_content").hide();
		$("#layout_content").toggle();
	});
 
	$("#corporate_image").click(function(){
		$("#layout_content, #picture_content, #pacakin_content, #digital_printing_content").hide();
		$("#corporate_image_content").toggle();
	});
 
	$("#picture").click(function(){
		$("#layout_content, #corporate_image_content, #pacakin_content, #digital_printing_content").hide();
		$("#picture_content").toggle();
	});
 
	$("#pacakin").click(function(){
		$("#layout_content, #corporate_image_content, #picture_content, #digital_printing_content").hide();
		$("#pacakin_content").toggle();
	});
 
	$("#digital_printing").click(function(){
		$("#layout_content, #corporate_image_content, #corporate_image_content, #picture_content, #pacakin_content").hide();
		$("#digital_printing_content").toggle();
	});
});
 

Igual si utilizaras clases para las divisiones podrias acortar tu script a tan solo 3 lineas ya que no tendrias que llamar a cada objeto por su id, simplemente llamas la clase y el data-mostrar="clase" muestra el objeto.

PFFFFF... pobre servidor gratuito ·_·

Saludos

Una cosa es organizar y otra es ser obsesivo compulsivo. Hay que buscar una medida justa entre optimización y organización... Ahora mismo, estas sacrificado rendimiento del servidor (cada link y script que tienes ahí, hacen una petición al servidor) a cambio de que el código fuente se lea mejor.... tu veras que te compensa mas.

Yo no se de gente a la que le guste ir por las paginas y mirar el código fuente a ver si lo tienen organizado... lo que si se es que la mayoría de los visitantes no les gusta que la pagina les vaya lenta =)

Saludos

Aha, ahora multiplica esos 20 archivos por digamos.... 300 visitantes... se convierten en 6000... y  500 visitantes ? y 5000 ?

Te queda mucho por descubrir sobre optimización =)
http://hashphp.org/ -> Perfomance

PD: No estamos hablando de cuanto pesan esos archivos.. estamos hablando de peticiones http... que cuestan mucho y son innecesarias =)

Saludos

Las cosas se hacen bien a la primera, si eres de esas personas que piensa que puedes hacer algo malo y con el tiempo o en otra ocasión hacer algo bueno entonces vas por el camino equivocado, aunque sea un script de 3 lineas es bueno seguir ciertas reglas sobre estandarización y buenas practicas y no hacer doble trabajo corrigiendo después porque después da flojera o simplemente se van olvidando algunas cosas y al final nunca queda 100% bien.

Hacer como 500 css para una sola pagina es de locos, pierdes latencia, la pagina carga mas lenta, aumentas el uso de CPU del servidor, etc, es mas, Google no usa hojas de estilo en la mayoría de sus proyectos, las embebe directamente en el html, la carga es mayor pero el navegador no debe hacer una segunda conexión al servidor para obtener los estilos o tres o cuatro, hace una sola con todo y fíjate que a pesar que la carga del html es mayor la carga es mas rápida y especialmente en lugares donde la conexión es lenta.

Yo en lo personal uso dos css y dos js, un css y un js para el front-end (página pública incluyendo todas las secciones y módulos) y otro css y otro js para el back-end (panel de administración) y listo, cuando la gente visita el sitio carga un solo css y un solo js con todo y ya, lo carga una sola ves y después queda en caché, no hay muchas solicitudes al servidor y para mi es un excelente equilibrio entre cantidad de peticiones y velocidad.