title: jQuery -> uncheck a box
body: <p>I have a soldier that can wear multiple body armor suits. You can select them easily, but if you click the selected one, it must unequip and uncheck the box. Does anyone have a idea for me how to solve this? A fiddle example would be lovely.</p>
  
  <p>My fiddle: <a href="http://jsfiddle.net/4R3TS/" rel="nofollow">http://jsfiddle.net/4R3TS/</a></p>
  
  <pre><code>$('#vest1').click(function () {
      $('.block1').show();
      $('.block2').hide();
      $('.vest').addClass('hide');
      $('.vest1').removeClass('hide');
      $('.vest1').css({
          position: 'relative',
          top: '-105px',
          left: '12px',
      });
      $('#right1').fadeIn();
      $('#right2').fadeOut();
  });
  
  
  $('#vest2').click(function () {
      $('.block1, .block2').show();
      $('.vest').addClass('hide');
      $('.vest2').removeClass('hide');
      $('.vest2').css({
          position: 'relative',
          top: '-210px',
          left: '12px',
      });
      $('#right1').fadeOut();
      $('#right2').fadeIn();
  });
  </code></pre>