title: clearTimeout() is not working
body: <p>I've got a little function which ables to handle pop-up windows on my page, and there is a little problem with clearTimeout. Please take a look at the code:</p>
  
  <pre><code>function toggleModal(et, delayed) {
  
          if(et.hasClass('acc-edit-fn')) {
              if($.browser.msie) {$('#opacity-modal').height($(document).height()).toggleClass('acc-edit-fn');
                  }
              else {$('#opacity-modal').height($(document).height()).toggleClass('acc-edit-fn').fadeTo('fast', 0.5);
                  }   
              et.html($(this).html()).toggleClass('acc-edit-fn');
              if(delayed &gt; 0) {       
                  var dtf = setTimeout(function(){et.toggleClass('acc-edit-fn'); }, delayed);
                  var dts = setTimeout(function(){$('#opacity-modal').toggleClass('acc-edit-fn').removeAttr('style');}, delayed);          
              }   
          }
          else {
              $('#opacity-modal').toggleClass('acc-edit-fn').removeAttr('style');
              et.toggleClass('acc-edit-fn');  
              clearTimeout(dtf);
              clearTimeout(dts);
          }
      };
  </code></pre>
  
  <p>So basically if you are calling func with "delayed" > 0, it will call automatic close after defined value. But, if there is any button in pop-up which allows to close it before timer, pop-up will appear right after timer will be executed. I've tried to clear timeouts with clearTimeout(), but bug is still there. You can check it on fiddle here: <a href="http://jsfiddle.net/LvVu9/" rel="nofollow">http://jsfiddle.net/LvVu9/</a> just click red button, and then click "ok" button.</p>