title: On/off click event on alternating tabs
body: <pre><code>$('#filter').on('click', function(){
      $('#sort').off('click');
      console.log($(this));
  });
  
  $('#sort').on('click', function(){
      $('#filter').off('click');
      console.log($(this))
  });
  
  $('.close').on('click', function () {
      console.log($(this));
      $('#sort').on('click');
      $('#filter').on('click');
  });
  </code></pre>
  
  <p>Why doesnt the div <code>.close</code> give back the on method to the divs above if they have the same selector id? </p>
  
  <p>EDIT: For clarity, I'm wanting to temporarily remove the on event on whichever of the two elements <strong>wasn't</strong> clicked (<code>#filter</code> or <code>#sort</code>). Then clicking <code>'.close'</code> will return the said element back to having the on method again.</p>