unclick other when click one of them

unclick other when click one of them

Hi

let's say that I have a collection of DIVs into a section with ID

  1. <section id="cats">
  2. <div class="cat"></div>
  3. <div class="cat"></div>
  4. <div class="cat"></div>
  5. <div class="cat"></div>
  6. </section>

when I click on one of them  I want to add a class but to remove that class from all other items  in the collection
to get
  1. <section id="cats">
  2. <div class="cat cat-click"></div>
  3. <div class="cat"></div>
  4. <div class="cat"></div>
  5. <div class="cat"></div>
  6. </section>

and if I click on the item itself or any of items in the collection I must get only one with cat-clicked  an dof course only into the section id=cats


something like
  1. $(".cat").each(function() {
  2. $(this).click(function() {
  3.     $(this).toggleClass('cat-click');
  4.   }); 
  5. });
thanks for helping