php, jquery only first id working normal
<p>I have the following code in .php (code is edited for easier understanding).</p>

<pre><code>while($row = mysql_fetch_array($biznis)){
&lt;div id='listItem'&gt;
    &lt;div id='listPic'&gt;
        &lt;img src='../../social/images/avatar/empty_avatar_full.jpg'&gt;&lt;/img&gt;
    &lt;/div&gt;
    &lt;div id='listCont'&gt;
        &lt;span&gt;abcde&lt;i&gt;(request pending)&lt;/i&gt;&lt;/span&gt;                              
    &lt;/div&gt;
    &lt;div id="listInfo"&gt;
        &lt;span id='info'&gt;More info&lt;/span&gt;
    &lt;/div&gt;
    &lt;div style='clear:both;'&gt;&lt;/div&gt;

    &lt;div id='moreInfo'&gt;
        &lt;span&gt;Invitation sent: xx-yy-zzzz&lt;/span&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div style='clear:both;'&gt;&lt;/div&gt;
}
</code></pre>

<p>So the code is nothing special, I just get all records from the table lined up.
So now, here is the problem, as you can see, I use the same ids for the same elements.</p>

<p>Jquery code</p>

<pre><code>$(document).ready(function () {
    $("#moreInfo").hide();

    $("#info").click(function(){
    $("#moreInfo").slideToggle();
});
});
</code></pre>

<p>OK so here are now the problems. Only first div (#moreinfo) is hidden, all the others are shown. And only first span (#info) is toggling the slider.</p>

<p>I tried with putting the counter for ids, and jquery each function, but nothing realy worked as i imagined.</p>

<p>Ty, Sebastian</p>
