title: Disabling a div with jquery for time
body: <p>I'm trying to put a timer on a div to be disabled for certain amount of time. for example 3 seconds here is the html code. </p>
  
  <pre><code>&lt;div class="answ-container" align="center"&gt;
        &lt;div class="c_answer" id="1316" name="1" data-rcat-no="1"&gt;
            &lt;p&gt;Strongly Disagree&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="c_answer" id="1316" name="2" data-rcat-no="2"&gt;
            &lt;p&gt;Disagree&lt;/p&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>To disable all mouse click</p>
  
  <pre><code>var event = $(document).click(function(e) {
      e.stopPropagation();
      e.preventDefault();
      e.stopImmediatePropagation();
      return false;
  });
  
  
  // disable right click
      $(document).bind('contextmenu', function(e) {
          e.stopPropagation();
          e.preventDefault();
          e.stopImmediatePropagation();
          return false;
      });
  </code></pre>
  
  <p>how can I enable it again after 3 seconds:</p>
  
  <pre><code>$(document).unbind('click');
  $(document).unbind('contextmenu');
  </code></pre>