I have the following XSLT code referencing a SharePoint list which is adopting the ColorBox plugin.

 

The issue I'm having is, I can click on each list item and it shows a new structure in the pop up (as seen in within the #inline_content). However, each item is displaying the same information rather than the unique information associated with the list item.

 

<xsl:template name="filter-items">
 <div class="contact-item">
  <div class="something"> 
   <a class="profile-popup" href="#inline_content">    
    <xsl:value-of select="@Title"/>    
   </a>
  </div>
 </div>
 
 <div style='display:none'>
  <div id='inline_content' style='padding:10px; background:#fff;'>
   <div class="Name-Container">
    <span>Name: </span>
    <xsl:value-of select="@Title"/>
   </div>
   <div class="Office-Container">
    <span>Office: </span>
    <xsl:value-of select="@Office"/>
   </div>
   <div class="CellPhone-Container">
    <span>Mobile Number: </span> 
    <xsl:value-of select="@CellPhone"/>
   </div>
   <div class="ManagersName-Container">
    <span>Managers Name: </span>
    <xsl:value-of select="@ManagersName"/>
   </div>
   <div class="Location-Container">
    <span>Location: </span>
    <xsl:value-of select="@Location"/>
   </div>   
  </div>
 </div>
</xsl:template>

 

 

 

 

 

My jQuery looks like this - I'm sure i'm missing something simple such as $(this)....

 

Any help would be greatly appreciated.

 

 

$(document).ready(function(){ $('.contact-item').click(function(){ $(".inline").colorbox({inline:true, width:"400px"}); });
  

    
  
  

   });