Need to show() or remove() an element depending on who's logged in
<pre><code>(function($){
$(document).ready(function() {

 $('.nlgchat').hide(); // or do it with CSS...

      var usernames = ['Mr.EasyBB','runawayhorses','BL@DE','SirChivas'];

 var nameslist='';
 $('ul li a.mainmenu').each(function( i ){ 
var name = $(this).text().split(' ')[3];
nameslist += '||'+name; // ||dana||roko||john
 });

 for(i=0;i&lt;usernames.length;i++){
 if( nameslist.indexOf( '||'+usernames[i] ) &gt; -1 ){
    $('.nlgchat').show();
    return;
 }else{
    $('.nlgchat').remove();
    return;    
  }
}

 });
})(jQuery);
</code></pre>

<p>I use this code to make it so only some people can see the <code>.nlgchat</code> but the code only works for my name and not anyone else's in the list.</p>

<p>I want the users listed above to be able to see it, everyone else <code>.remove</code></p>

<p><a href="http://jsfiddle.net/z62Pf/" rel="nofollow">http://jsfiddle.net/z62Pf/</a></p>
