jQuery setinterval не показывает первый элемент

Question

Я создаю этот слайдер контента, вы можете просмотреть / отредактировать здесь:

http://jsbin.com/esame4

Я поставил на место setInterval, чтобы анимация запускалась автоматически, однако при первом запуске показывается изображение Google, но не после слов. Должно быть просто, но я не могу понять проблему.

Answer 1

Проблема в:

if ($($curbox).next().attr('class') === 'box')
    {
      $('#content_navigator .box').hide();
      $($curbox).next().fadeIn(1000);
      $curbox = $($curbox).next();
    }
else
    {
      $curbox = ('#content_navigator .box:first');
    }

Вы переключаетесь на первый элемент, избегаете его отображения, а затем переходите к следующему.

Изменить на следующее:

if ($($curbox).next().attr('class') === 'box')
    {
      $('#content_navigator .box').hide();
      $($curbox).next().fadeIn(1000);
      $curbox = $($curbox).next();
    }
else
    {
      $('#content_navigator .box').hide();
      $('#content_navigator .box:first').fadeIn(1000);
      $curbox = $('#content_navigator .box:first').next();
    }

Также исправлена ​​ваша предыдущая кнопка. Смотрите по адресу: http://jsbin.com/esame4/6/

Изменен еще раз ;. Сделано это более равномерным повсюду.