Open jquery accordion with dynamically generated id using link on same page

Open jquery accordion with dynamically generated id using link on same page

I have the following accordions, below, on my page, however, I am looking for code that will work regardless how many accordions there are on the page.

My goal is to have links on the same page that open either of the accordions.  I have yet to find javascript or jquery that will account for dynamically generated accordion id's.

Any help in pointing me in the right direction would be greatly appreciated. Thank you!

Peter T


  1. <div class="unit-100 accordion">                                
  2. <div id="1" data-tools="accordion" data-scroll="true">                        
  3. <h3>
  4. <a href="#1-accordion-link-one" name="panel-1" class="accordion-title" rel="#panel55928">
  5. Accordion Link One
  6. </a>
  7. <div id="1-accordion-link-one" class="accordion-panel content">
  8. <div class="units-row unit-100 end accordion">
  9. <p>Div accordion 1 content goes here...</p> 
  10. </div>
  11. </div>
  12. </h3>
  13. </div>                        
  14. <div id="2" data-tools="accordion" data-scroll="true">                        
  15. <h3>
  16. <a href="#2-accordion-link-two" name="panel-2" class="accordion-title" rel="#panel55928">
  17. Accordion Link Two
  18. </a>
  19. <div id="2-accordion-link-two" class="accordion-panel content">
  20. <div class="units-row unit-100 end accordion">
  21. <p>Div accordion 2 content goes here...</p> 
  22. </div>
  23. </div>
  24. </h3>
  25. </div>
  26. </div>