title: passing an ID with a coldfusion element into a jQuery function
body: <p>I am attempting to eventually create this page that will show a relative hidden list of data when a "plus" or "minus" image is clicked next an element that contains the list. Right now, as a button is clicked, all of the other buttons change in addition to the clicked button. I know this is because the .click() method is attached to every img with the src=plus.gif or src=minus.gif. However, I cannot figure out how to pass the correct img id into my function. </p>
  
  <pre><code>&lt;script&gt;
  $( document ).ready(function() {
  
      $("img[src='plus.gif']").click(function () {
          $("img[src='plus.gif']").toggle();
          $("img[src='minus.gif']").toggle();
      });
  
      $("img[src='minus.gif']").click(function () {
          /*$("#siteList").toggle();*/
          $("img[src='plus.gif']").toggle();
          $("img[src='minus.gif']").toggle();
      });
  });
  &lt;/script&gt;
  
  &lt;h1&gt;&lt;cfoutput&gt;#qOrgSite.BUSINESS#&lt;/cfoutput&gt;&lt;/h1&gt;
  
  &lt;cfloop list="#keysToStruct#" index="i"&gt;
      &lt;cfoutput&gt;
          &lt;img src="plus.gif" id="plusImg_#i#" alt="" border="0"&gt;
          &lt;img src="minus.gif" id="minusImg_#i#" alt="" border="0" hidden&gt;
          &lt;strong&gt;#busStruct[i].name#&lt;/strong&gt;&lt;br&gt;
          &lt;div id="siteList" hidden&gt;
              &lt;cfloop array="#busStruct[i].site#" index="j"&gt;
  
                  &lt;cfoutput&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;#j#&lt;br&gt;&lt;/cfoutput&gt;
  
              &lt;/cfloop&gt;
          &lt;/div&gt;
      &lt;/cfoutput&gt;
  &lt;/cfloop&gt;
  </code></pre>