Display user avatars and comments using jquery
<p>I'm trying to display the avatars and comments each of the users that made a comment on a post. I have a little development installation that I'm testing on, <a href="http://dev.smoige.com/discussion/1/test" rel="nofollow">http://dev.smoige.com/discussion/1/test</a>.</p>

<p>This is my code. At the moment everything is basically static. The avatars are put in there by me. I plan on having just the avatars and comments for the users that added a comment. The code just switches the divs when the tabs are clicked.</p>

<pre><code>$(function () {
var tabContainers = $('div.tabss &gt; div');

$('div.tabss ul.tabNavigationn a').click(function () {
    tabContainers.hide().filter(this.hash).show();

    $('div.tabss ul.tabNavigationn a').removeClass('selected');
    $(this).addClass('selected');

    return false;
}).filter(':first').click();
</code></pre>

<p>})</p>

<p>And the html:</p>

<pre><code>   &lt;div class="tabss"&gt;
  &lt;ul class="tabNavigationn"&gt;
    &lt;li&gt;&lt;a href="#message"&gt;&lt;img src="http://img31.imageshack.us/img31/6356/avatarmhy.th.png" alt="Angry face" /&gt;&lt;/a&gt;&lt;/li&gt;

  &lt;/ul&gt;
&lt;div id="message"&gt;
&lt;p&gt;Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.&lt;/p&gt;
  &lt;/div&gt;
</code></pre>

<p>So if 5 users commented I want to display 5 avatars, if 2 comments 2, and so on. I'm not sure if any extra information is needed for this. Any help is appreciated.</p>

<p>What do I need to change or add to make this work? Can this be done with jquery?</p>

<p>Thank you</p>
