Retrieve the position of the div excluding specific divs with a class name
<pre><code>&lt;div class="center"&gt;
    &lt;div id="ContentTop" class="tt1"&gt;Top Content&lt;/div&gt;
    &lt;div id="abc" class="hide"&gt;exrt&lt;/div&gt;
    &lt;div id="bcd" class="hide"&gt;Content exta&lt;/div&gt;
    &lt;div id="MidContent" class="tcg"&gt;Mid Content&lt;/div&gt;
    &lt;div id="dcd" class="hide"&gt;Extra Content&lt;/div&gt;
    &lt;div id="asd" class="hide"&gt;Extra Content&lt;/div&gt;
    &lt;div id="ContentBtm" class="hide"&gt;Bottom Content&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>The output i require is the indexOf the div for the classes ContentTop, MidContent and ContentBtm.</p>

<p>For example, If i click on the div MidContent, the output i require is position 2, since it doesn't contain the class hide.</p>

<p>I need the count of the div's as 1,2 and 3 for the div's that doesn't contain the class name "hide"</p>
