title: Collapsible Content Boxes not working
body: <p>I have been searching for a solution including many here on Stackoverflow but am still not able to get it working hence the question.</p>
  
  <p>The aim is to place collapsible content boxes in a simple html page. After looking at several demos I feel the following looks best and quite easy to install (script is already hosted, only have to deal with html): <a href="http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_collapsible_sets" rel="nofollow">http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_collapsible_sets</a></p>
  
  <p>I have pasted the following into head:</p>
  
  <p><code>&lt;script src="http://code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;</code>      </p>
  
  <p>Omitted meta name and link rel because if they're included, the page's formatting is messed up (some header text becomes bold, buttons are misaligned).</p>
  
  <p>The following was placed at the desired location on the page:</p>
  
  <pre><code>&lt;div data-role="page" id="pageone"&gt;
    &lt;div data-role="header"&gt;
      &lt;h1&gt;Collapsible Sets&lt;/h1&gt;
    &lt;/div&gt;
  
  ...
  
  &lt;div data-role="footer"&gt;
      &lt;h1&gt;Insert Footer Text Here&lt;/h1&gt;
  &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>However, the hiding function is not working when I view the page in Firefox; everything is shown. Can someone advise please?</p>
  
  <hr>
  
  <p>Thank you Andy. I've managed to get it somewhat working but found that it messes up my fonts and stuff. Removing this line from head</p>
  
  <pre><code>      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"&gt;
  </code></pre>
  
  <p>fixes it, but renders the collapsible set broken. I don't believe they're expecting people to put their code into a site that doesn't use CSS, and obviously I'm not going to dump mine and use theirs, so how can I make this linked CSS play nice with my existing one?</p>
  
  <p>Also, I am trying to embed a a Jotform code into the set. However, even though I've pasted the code inside (tried embed, iframe, source) nothing shows up in the expanded panel. Help?</p>