Accordian content is blank on a mobile but works fine on PC browsers

Accordian content is blank on a mobile but works fine on PC browsers

Hello, I am having a strange issue with the jQuery (themeroller) accordian

it is working just fine on a desktop browsers (chrome, IE, FF, Safari) but trying it on my Android phone (S3), produces blank content in some of the panels? or the content will show sporadically. 

I'm confused why this is. Is it a bug that accordians produce or am I missing some code that may be needed?

The 3 pages that the accordian's are on are here:


the accordian code is:
  2. <link href="jQuery/jquery-ui.css" rel="stylesheet">
  3. <div id="accordion">
  4. <h3>First</h3>
  5. <div>1st area's text</div>
  6. <h3>Second</h3>
  7. <div>2nd area's text</div>
  8. <h3>Third</h3>
  9. <div>3rd area's text</div>
  10. </div>
  11. <script src="jQuery/external/jquery/jquery.js"></script>
  12. <script src="jQuery/jquery-ui.js"></script>
  13. <script>

  15. $(function() {
  16. $( "#accordion" ).accordion({
  17. collapsible: true, active: false, heightStyle: "content"
  18. });
  19. });
  20. </script>

thanks

Sara