Hide a timer and make it appear when it reaches a certain value
<p>I am using a timer plugin for Drupal CMS. The timer counts down and shows the user how long they have before they are automatically logged out.</p>

<p>The timer is in a div with a class of <code>logoutstatus</code>. The timer its self is wrapped in a <code>strong</code> tag. </p>

<p>The timer is annoying, so I only want it to appear when it counts down to 00:09:55. How do I do this?</p>

<p>I have tried the following code:</p>

<pre><code>(function ($) {

$(document).ready(function() {


  $('.logoutstatus').hide();

if ($('logoutstatus:contains("00:09:57")').length &gt; 0) {
   $('.logoutstatus').show();
}

});

}(jQuery));
</code></pre>

<p>However, because the countdown is a dynamic element, the code doesn't seem to react to it. I would appreciate any pointers.  Thanks!</p>

<p>I know I should probably build the jQuery timer into my code. However, I have to use the Drupal one, so this isn't an option.  </p>
