animating elementos div da esquerda para a direita e para trás

Tenho um sistema de menus composto por divs e quero animar a propriedade left para deslizar sempre que o usuário passar o mouse sobre um item de menu, mas preciso que o elemento div externo (que é preto) se expanda conforme os itens de menu se movem para a esquerda para também quero que o elemento div (.container) deslize para trás e contrate o elemento div externo (essa div preta com 0 largura) Eu tenho um exemplo básico feito em jsFiddle olny move os elementos para a esquerda

questionAnswers(3)

yourAnswerToTheQuestion