Como redefinir css antes de repetir a sequência

Eu sou novo no JS e JQuery - costumava programar no básico nos anos 80 e, embora tenha um entendimento superficial de variáveis e matrizes, admito que não precisei lidar com todos os colchetes em js. Conheço bem CSS e HTML.

Ao pesquisar no Google, quase consegui o que queria, que consiste em uma linha de texto passar de R para L, desaparecer e uma nova linha para fazer a mesma coisa. Talvez tenha quatro dessas linhas de texto fazendo isso e repetindo infinitamente.

Por uma questão de testes mais rápidos, reduzi os atrasos.

A única coisa que não consigo acontecer é que o CSS restante: 400px seja redefinido antes que a animação comece novamente.

Não sei o que colocar ou onde colocá-lo, mas já tentei tudo isso em muitos lugares! Eu usei o Hello World para me mostrar onde o código está ativado, não ajudou.

//function reset(this){  $(this).removeAttr('style');}
//$(this).css('left', '500');
//$(elements).css('left', '500');
//removeAttr( 'style' );
//$("elements").removeAttr("style");
//$("#elements").removeAttr("style");
 //.text("Hello World");
//$("#Test1").text("Hello, world!");

Ainda não entendo muito sobre o JQuery, mas já vi a maior parte do código que estou usando em vários sites de perguntas e respostas, incluindo aqui, e copiei alguns comentários no código para me ajudar a entender o que está acontecendo. Eu fiz meu primeiro jsfiddle para mostrar o código. Começa imediatamente

http://jsfiddle.net/Stingraynut/Bf49z/3/

Espero que alguém aqui possa me ajudar a redefinir o CSS de volta para a esquerda: 400px após as 4 animações. Atualmente, o primeiro conjunto de 4 funciona e todas as palavras aparecem presas à esquerda da tela, elas não voltam para a esquerda: 400px

Roubar

questionAnswers(1)

yourAnswerToTheQuestion