Jquery & Coldfusion... APPEND, HIDE, REMOVE VARIABLE...

Jquery & Coldfusion... APPEND, HIDE, REMOVE VARIABLE...

Hi guys! I'd like to start by saying that I'm not that familiar with jquery but I do what I can...
I have this problem:

I'm creating a loop in a *.CFM page using coldfusion's <cfoutput query>

  1. <cfoutput query="Graficos">
                             <span id="thumb">
                                                   
                                    <a class="vlightbox" href="graficos_big/#Graficos.Imagen#" title="#Graficos.Titulo#"><img class="imgB1" src="img/imagenes/front_icon_01.png" width="160" height="97" /><img class="imgA1" src="graficos_small/#Graficos.Imagen#" width="136" height="88" />
                                <table class="imgfoot" width="160" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td class="lft_box">&nbsp;</td>
                                    <td class="bottom_box">#Graficos.Titulo2#</td>
                                    <td class="rgt_box">&nbsp;</td>
                                  </tr>
                                  <tr>
                                    <td class="lft_cnr">&nbsp;</td>
                                    <td class="btm_box">&nbsp;</td>
                                    <td class="rgt_cnr">&nbsp;</td>
                                  </tr>
                                 
                                </table>
                                
                                </a> 
                               
                                <div id="vis"><span class="fnt"><a class="aqui" href="#Graficos.Link#" >Fuente: #Graficos.Fuente# - Ver fuente</a></span> </div>
                               
                             </span>
                                  </cfoutput>
                                
                                 </div>

























 the <div id="vis"> loads some kind of link from the db... I'm using a lightbox to display a bigger image with more information about the image like a description and also a link to the original image... I'm using jquery to load the information when the lightbox event start... EX:
  1. $("a.vlightbox").click(function Vis2(){
                var vista = $("#vis",$(this).parent());
                $(objImageContainer).append(vista);
                vista.show();
                           
        });   





I'm using the show() option because on the css the display setting is set on none, and I'm hiding the same Div when the event ENDS

  1. function end(Event) {
                if (Event){
                    var id = $(Event.target).attr('id');
                    if (getID('closeLink') != id && getID('lightbox') != id && getID('overlay') != id) return;
                };        
                $$('imageContainer').stop(true,false);
                $$('lightboxImage').stop(true,false);
                imgPreloader.onload = null;           
                disableKeyboardNav();
                pauseSlideShow();
                $$('vis').hide();//----------ocultar fuente-----           
                $$('lightbox').hide();










the problem is that once you start using the gallery lightbox... the source from which the DIV load the info overlaps the last one with the new one...

I would like to know how can I stop, remove or hide the ID or VARIABLE and once its starts again load just one without overlapping with the last one clicked...

How can I created the ID once it has been remove or check the append status remove it and append it again...

I'll appreciate all the help I can get