title: sortable check boxes with a tag
body: <p>hi bit of a noob to this, but is it possible to have 3 check boxes and hide my a tag when one is checked but the if checkbox 2 is checked it hides that as well then when you uncheck checkbox 1 it will still stay hidden if the other checkbox is checked, like a sortable option</p>
  
  <pre><code>&lt;input type="checkbox" class="example" id="check1"&gt;&lt;label&gt;check1&lt;/label&gt;
  &lt;input type="checkbox" class="example" id="check2"&gt;&lt;label&gt;check2&lt;/label&gt;
  &lt;input type="checkbox" class="example" id="check3"&gt;&lt;label&gt;check3&lt;/label&gt;
  
  &lt;a class="check1 check2" href=""&gt;check1&lt;/a&gt;
  &lt;a class="check2" href=""&gt;check2&lt;/a&gt;
  &lt;a class="check3" href=""&gt;check3&lt;/a&gt;
  
  &lt;a class="check1" href=""&gt;check1&lt;/a&gt;
  &lt;a class="check2" href=""&gt;check2&lt;/a&gt;
  &lt;a class="check3 check2" href=""&gt;check3&lt;/a&gt;
  
  &lt;a class="check1 check2" href=""&gt;check1&lt;/a&gt;
  &lt;a class="check2" href=""&gt;check2&lt;/a&gt;
  &lt;a class="check3" href=""&gt;check3&lt;/a&gt;
  </code></pre>
  
  <p><strong>jQuery code</strong></p>
  
  <pre><code>$(function () { 
      $('.example').change(function() {
         theID = this.id;
         if ($(this).is(":checked")) { 
          $("." + theID).addClass("hide"); 
  } else {
   $("." + theID).removeClass("hide");
  }
  });
   // Check while loading.
   $(".example").each(function () { 
     if ($(this).is(":checked")) 
     $("." + this.id).removeClass("hide"); 
  });
  
  });
  </code></pre>