title: jQuery .show() a div with a specific value attribute
body: <p>I am hiding divs until a specific amount of time has passed, at which I am attempting to tell jQuery to show a specific div with the corresponding time.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="content"&gt;
      &lt;div class="item" value="00:15"&gt;
          &lt;p&gt;Some text&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="item" value="00:30"&gt;
          &lt;p&gt;More text&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="item" value="01:00"&gt;
          &lt;p&gt;Even more text&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('.content').children().hide();
  
  // some timer function returning timeElapsed
  
  var myTime = '01:00';
  if (timeElapsed == myTime) {
    $('.item').attr('value', myTime).show();
  }
  </code></pre>
  
  <p>What's happening is all the <code>.item</code> divs are showing when the if statement is triggered, instead of the one specified by <code>var myTime</code>. What needs to be changed?</p>