title: Hide a bunch of Divs after user inactivity
body: <p>I'm using Paul Irish's idle-timer plugin available here : <a href="http://paulirish.com/2009/jquery-idletimer-plugin/" rel="nofollow">http://paulirish.com/2009/jquery-idletimer-plugin/</a> .</p>
  
  <p>I want to hide some divs after 5 seconds of inactivity and show them back when user activity's catched .</p>
  
  <p>Here is my code :</p>
  
  <pre><code>$(document).ready(function(){
      $.idleTimer(5000);
      $(document).bind("idle.idleTimer", function(){
          $("#audio_container").fadeOut(1000);
          $(".breadcrumb").fadeOut(1000);
      });
      $(document).bind("active.idleTimer", function(){
          $("#audio_container").fadeIn(1000);
          $(".breadcrumb").fadeIn(1000);
      });
   });
  </code></pre>
  
  <p>It works perfectly on Firefox / Safari / Mobile Safari , but I can't make it work on Chrome or IE 8 / 9 .
  Obviously the onmousemove event is the problem, if I unbind the onmousemove event, it works (But I need it so this is not an acceptable fix for me).</p>
  
  <p>You can find an exemple here : </p>
  
  <p>Best regards,</p>
  
  <p>EDIT : </p>
  
  <p>The mousemouve event is located in the idle-timer plugin .</p>
  
  <pre><code>$.idleTimer = function(newTimeout, elem){
  
      // defaults that are to be stored as instance props on the elem
  
      var idle    = false,        //indicates if the user is idle
          enabled = true,        //indicates if the idle timer is enabled
          timeout = 30000,        //the amount of time (ms) before the user is considered idle
          events  = 'mousemove keydown DOMMouseScroll mousewheel mousedown touchstart touchmove'; // activity is one of these events
  </code></pre>
  
  <p>if I remove the mousemove event from the plugin, it works .</p>