title: Hide only pressed li element
body: <p>I have a list</p>
  
  <pre><code>        &lt;ul id="navigation"&gt;
              &lt;li class="ZoomIn" id="ZoomIn"&gt;&lt;input type="button" title="ZoomIn"/&gt;&lt;/li&gt;
              &lt;li class="Download" id="Download"&gt;&lt;input type="button" title="Download"/&gt;&lt;/li&gt;
              &lt;li class="Play" id="Play" style="display:none"&gt;&lt;input class="pressed" type="button" title="Play"/&gt;&lt;/li&gt;
              &lt;li class="Stop" id="Stop"&gt;&lt;input type="button" title="Stop" /&gt;&lt;/li&gt;
          &lt;/ul&gt;
  </code></pre>
  
  <p>This code hide all li elements</p>
  
  <pre><code>$("#navigation").click(function(){$("li", this).toggle();});
  </code></pre>
  
  <p>but how to hide only pressed?
  I need to toggle Play and Stop, so start with Play display none and then if pressed Stop show Play and Stop hide</p>