¿Cómo hago para que las cajas tengan el mismo ancho siempre?

Aquí tengo a las cajas, parece que esto

Show
SomeName
this is just a test to show the the box can expand and be alot more bigger then it first was
Build this up to be bigger then the box................................
Show
SomeName
See how this box fallows the other one when you open it, and same when you close it, it always has equal width
Build this up to be bigger then the box................................

Todo el código es demasiado para publicar aquí, pero tengo dos cuadros, el código funciona como lo está ahora, pero el problema es que no me gusta cómo he resuelto este problema, si abres un cuadro y verás a el otro viene gratis con el mismo tamaño, es la idea de que así debería ser. Entonces, todos los elementos en la página son siempre simétricos. Es solo que solo funciona si tienes “display: table” en el cuerpo. Y trato de encontrar otra manera de hacerlo con los mismos resultados, siempre es difícil cuando intentas obtener el mismo ancho en todo, pero la forma de hacerlo CSS / JavaScript no importa

Enlace: JsFiddle

/ Slaktarn

Todo lo que necesita hacer es agregar un parámetro de ancho máximo a los elementos que desee limitar en tamaño.

 body { ... display: block; max-width: 450px; }