i tried to do some search but i didn't figured out how to do what do i need.

```
<ul>
  <li class="_0mb"></li>
  <li class="_3mb"></li>
  <li class="_7mb"></li>
  <li class="_14mb"></li>
  <li class="_20mb"></li>
  <li class="oltre_20mb"></li>
</ul>

```

what i need to do is to give to the user the ability to switch between different filters clicking on one of those `li` tags, this would fire different backgrounds based upon where the user makes the click. Every `li` tag has a white background as default and an image when clicked.

I know how to manipulate classes with `.addClass` and `.removeClass`, but i need to change classes both to the `li` the user clicked on and to all of the preceeding `li` tags to "activate" the button changing the background image (eg. if the user clicks on `_7mb` i need to change the background also to `_3mb` and `0_mb`), and i have no idea how to do it.

Similarly i need to change all of the subsequent `li` tags "deactivating" them, removing the background image if any, when the user - for example - makes a first click to `_20mb` and then a click back to `_7mb`.