title: How should I use/count jQuery .find()
body: <p>I am using a jQuery plugin I found here: <a href="http://tutorialzine.com/2011/03/photography-portfolio-shutter-effect/" rel="noreferrer">http://tutorialzine.com/2011/03/photography-portfolio-shutter-effect/</a> except I have changed it a bit.</p>
  
  <p>It still works perfectly in the way it is supposed to, but I have added a next button in which the user cna use to skip to the next image, and it then pauses the interval for one loop so as not to changeonto the next picture too quickly.</p>
  
  <p>However, my problem lies in a prvious button. I am not sure how to do it, so I have added a variable </p>
  
  <pre><code>var positionInt
  </code></pre>
  
  <p>which is the position of the last list item so I know where I am in the list. </p>
  
  <p>How do I use this along with the li object created by this line:</p>
  
  <pre><code>var container = $('#container'),
      li = container.find('li');
  </code></pre>
  
  <p>to open the correct li item?</p>
  
  <p>Also, how can I find the length of the li object? I have tried li.size(), li.count() and li.length and none worked.</p>
  
  <p>Or is there a way using just the .find() method to open the li item before the currently visible one? This is how it does it originally to go <b>forward</b>:</p>
  
  <pre><code>li.filter(':visible:first').hide(); // Hid the only visible li
  if(li.filter(':visible').length == 0){
  li.show(); // if nothing is visible load a li (Im not really sure what this is pointing at, but it loads the next li)
  }
  </code></pre>
  
  <p>Cheers </p>