Multiple Accordion on one page
Don't rely on IDs when your cases are general.  Rely on classes.  
Use the DOM hierarchy to reference elements


page1 (added a container div, "toggle-image" class name):

&lt;div&gt;
  &lt;h3 class="trigger"&gt;
    &lt;div id="toggle-image" class="toggle-image"&gt;
      &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Page1
    &lt;/div&gt;
  &lt;/h3&gt;
  &lt;div class="toggle-container"&gt;
  &lt;/div&gt;
&lt;/div&gt;


page2 (same changes):

&lt;div&gt;
  &lt;h3 class="trigger"&gt;
    &lt;div id="toggle-image2" class="toggle-image"&gt;
      &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Page2
    &lt;/div&gt;
  &lt;/h3&gt;
  &lt;div class="toggle-container"&gt;
  &lt;/div&gt;
&lt;/div&gt;


JavaScript (generalized with class selectors, sibling selectors, improved class logic):

 $(document).ready(function(){
      $('.toggle-image').attr("class", "toggle-image-expand");
      //Hide (Collapse) the toggle containers on load
      $(".toggle-container").hide();

      $("h3.trigger").click(function(){
          $(this).toggleClass("active").next().slideToggle("slow");

          $(this).children('.toggle-image')
              .toggleClass('toggle-image-collapse') 
              .toggleClass('toggle-image-expand');

          return false;
      });
 });