How to add class using jQuery?

Question

I made a small function whose work to do add class in `

` when we clicks on <`li>`, but I want to remove that if it is already had with `

`. ```

Accepted Answer

You can just use `toggleClass` this will add or remove it as necessary

```
$('.main li').live('click',function(){
  $(this).toggleClass('active');
});
```

if you want to remove this class from elsewhere, you can add an extra line:

```
$('.main li').live('click',function(){
  $('.main li.active').removeClass('active')
  $(this).addClass('active');
});
```

Solution