toggleClass and remove class from all other elements

Question

How can I toggleClass and remove class from all other elements? Consider a div that contains a tags: html:

   b         


        

      

Answer 1

This will do it

 $(".size a").click(function(){
    $('.size a.checked').not(this).removeClass('checked');
    $(this).toggleClass('checked');
 })

---

Update

Alternatively you could do

 $(".size").on('click','a', function(){
    $(this).toggleClass('checked').siblings().removeClass('checked');
 })