Как сделать появляющийся и сменяющийся текст?

Question

[gretyl007]

Добрый день.
Есть текст:

<h3 id="text">We will <span id="green">8</span> your purchase.</h3>
<h3 id="text">We will  <span id="green">5</span> your purchase.</h3>
<h3 id="text">We will <span id="green">2<</span> your purchase.</h3>
<h3 id="text">We will<span id="green">3</span>your purchase.</h3>

Необходимо, чтобы строки сменяли друг друга через каждые 5 секунд.
Думала сделать через функцию наподобие такой:

$(function(){
       var message = ['#text'];
function show()
       {  var text = message.shift();
          message.push(text)
          text(text).fadeIn(700, hide);
       }
       function hide()
       {
         delay(2000).fadeOut(700, show)
       }
      show()

Но она не работает. Подскажите, в чем проблема.

Пример такого текста на сайте hpicheck.com

Answer 1

[Nick Sdk]

https://jsfiddle.net/nick_sdk/y7qs5t1L/1/