jQuery'de bir geçiş düğmesiyle orijinal durumuna nasıl geri dönülür?

Question

Ben

<script type = "text/javascript"> 
    $(function() { 
     $("#button").click(function(){ 
     $("#star").addClass("yellow"); 
     }); 
    }); 

</script> 

Şimdi bu butona tıkladığınızda, böyle jQuery kullanarak düğmenin rengini değiştirmek için .yellow adlı yeni CSS sınıfı eklemek

<button class = "btn btn-group" data-toggle = "buttons" id="button" type = "button"> 
    <span class="glyphicon glyphicon-star" id="star"></span> 
</button> 

böyle bir düğme, var Tekrar tıkladığımda, .yellow CSS sınıfını kaldırmak istiyorum. Bunu jQuery ile nasıl yapabilirim?

$("#star").toggleClass("yellow");

.toggleClass() için kullanılır: Aşağıdaki yapabilirdi .toggleClass()

$("#star").toggleClass("yellow"); 

Answer 1

http://jsbin.com/dulamikiqu/edit?html,output

Answer 2

Kullanım - İşte

şimdiye kadar var kod için bir bağlantı var bir nesneyi bir sınıfa eklemek ve daha sonra bir tıklama gibi bir olayı tekrar tekrar kaldırmak o öğeyi tekrar.