jquery slide div dentro de un div

Tengo un elemento div de contenedor, este debe contener todos los elementos div div. Vi este hilo:Desliza un div fuera de la pantalla usando jQuery y me preguntaba cómo implementarlo (dentro de un elemento div y no en el cuerpo). El código funciona bien, pero ¿qué pasa si el elemento div "wrapper" tiene un ancho de 500px, cómo se supone que debo envolver los divs secundarios? ¿Necesito usar iframe o ...?

Para una mejor comprensión hice esta imagen:

El rectángulo rojo sería una ventana y el fondo gris la pared. Solo se puede ver a través de la ventana y ver el elemento div actual. Si presionas el botón derecho -aqua- verás la división verde y si presionas el botón izquierdo verás la división amarilla.

Aviso: los elementos div deben moverse y no la pared.

Respuestas a la pregunta(3)

Su respuesta a la pregunta