Как я могу циклически переключать класс на 3 элемента

Question

Я использую jCarouselLite для цикла между тремя элементами. Я установка плагин, чтобы сделать это штраф, в то числе 3x .bulletX, который скользит к каждому элементу, то есть пуля 1 слайды элемента 1 и т.д.

Однако то, что я хочу, чтобы цикл класс .active на .bulletX для обозначения которых отображается элемент, аналогичный nivoslider.

<div class="bullet1">If this is clicked, is leads to element1</div> 
<div class="bullet2">If this is clicked, is leads to element2</div> 
<div class="bullet3">If this is clicked, is leads to element3</div> 

Я чувствую, что есть что-то я могу сделать с .addClass и .removeClass, но не вполне может получить семантику петли в моей голове.

.active применяется к .bullet2 вручную

Редактировать Полноценный HTML

<div class="twwetHolder"> 
    <div class="tweet"> 
    <ul> 
     <li> 
      <div>element 1</div> 
     </li> 
     <li> 
      <div>element 2</div> 
     </li> 
     <li> 
      <div>element 3</div> 
     </li> 
    </ul> 

    </div> 
<div class="bullet1"></div> 
<div class="bullet2"></div> 
<div class="bullet3"></div> 
</div> 

Answer 1

Update:

Я предлагаю вам добавить класс к каждой пули (другой), а затем используйте событие btnGo и событие click для добавления класса.

http://jsfiddle.net/lucuma/fg6d4/1/

<div class="bullet1 btngo">a</div> 
<div class="bullet2 btngo">b</div> 
<div class="bullet3 btngo">c</div> 

$('.tweet').jCarouselLite({btnGo:$('.btngo')}); 

    $('.btngo').click(function() { 
     $('.btngo').removeClass('active'); 
     $(this).addClass('active'); 

    }); 
​ 

Оригинал:

Вы можете попробовать следующие варианты:

beforeStart: function(a) { 
     $(a).removeClass('active'); 
    }, 
    afterEnd: function(a) { 
     $(a).addClass('active'); 
    } 

Answer 2

.toggleClass() может помочь вам - http://api.jquery.com/toggleClass/