title: Jquery - get list position
body: <p>i have the following code</p>
  
  <pre><code>&lt;ul class="MenuMainContent"&gt;
          &lt;li class="tabClass clubTab" style="display: none;"&gt;&lt;a href="#tabs-1" class=" "&gt;Club&lt;/a&gt;&lt;/li&gt;
          &lt;li class="tabClass eatTab active" style="display: list-item;"&gt;&lt;a href="#tabs-2" class="  selected"&gt;Eat&lt;/a&gt;&lt;/li&gt;
          &lt;li class="tabClass barTab" style="display: none;"&gt;&lt;a href="#tabs-3" class=" "&gt;Drink&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>I want to use jquery to get the position of the first visible list item (i.e. where style is not display: none)</p>
  
  <p>Can this be done with jquery?</p>
  
  <p>Thanks in advance</p>