Я пытался реализовать Simplest jQuery Slideshow snook.ca, но при применении к дочерним элементам внутри<ul> вместо простой стопки изображений. У меня успешно получилось, что слайд-шоу вращается через необходимые дочерние элементы, но у меня закончились ноу-хау при завершении последовательности и возвращении к началу.

Я хотел бы, чтобы последовательность вернулась к первому<p> дочерний элемент и продолжить в бесконечном цикле.

Вы можете увидеть демонстрацию слайд-шоу в действии наJS Bin, Извиняюсь за многословность кода jQuery; Я уверен, что это может быть оптимизировано.

Для потомков вот HTML:

<header>
    <nav>
      <ul>
        <li class="current">
          <h3>...</h3>
          <p><img src="#"><span>...<a href="#">...</a></span></p>
        </li>
        <li>
          <h3>...</h3>
          <p><img src="#"><span>...<a href="#">...</a></span></p>
        </li>
        <li>
          <h3>...</h3>
          <p><img src="#"><span>...<a href="#">...</a></span></p>
        </li>
        <li>
          <h3>...</h3>
          <p><img src="#"><span>...<a href="#">...</a></span></p>
        </li>
      </ul>
    </nav>
  </header>

А вот и JQuery:

$('header nav li').not('.current').children('p').hide();
   setInterval(function(){
     $('header nav li.current').children('p').hide()
     .parent('li').removeClass()
     .next('li').addClass('current')
     .children('p').show()
     .end();
   },3000);

Любая помощь, которую вы могли бы оказать, будет высоко ценится. Приветствия.