我正在尝试在webpage上设置可折叠的常见问题解答，并使功能正常工作（是的！），但是样式存在干扰页面上其他样式的问题（请参阅灰色标题和关于我们的盒子）。
由于我不想弄乱网站其他部分的风格，我正在设置一个iframe以克服干扰。我已将我的代码复制到HTML文件，上传到Dropbox here，但脚本/样式似乎不起作用。
任何人都可以帮助我理解我所缺少的东西吗？谢谢！
（编辑代码）
我在网站底部使用的内容（工作可折叠的常见问题解答）只是：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /><script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<div data-role="main" class="ui-content">
<div data-role="collapsible">
<h4>What is a typical call like?</h4>
<p>Before our call, we will decide on a topic for the call and set a working agenda. We will try to stay on topic during the call, but can cover anything else that would be beneficial to you during our session. At the end of the call, we can decide if a follow up call would be beneficial to discuss results or to cover a related topic.</p>
</div>
<div data-role="collapsible">
<h4>What if I have a detailed technical question?</h4>
<p>Our team has a wide knowledge base of online advertising platforms and strategies. That said, there may be some topics that are highly specialized that would require some research. We will try to get you an answer during our call or follow up if we are unable to help immediately. If we feel that we would be unable to provide you with sufficient value on our call, we will let you know before it's scheduled so we don't take up your time.</p>
</div>
<div data-role="collapsible">
<h4>Are there any contracts?</h4>
<p>Before we talk, we'll send over our general policies and will require acknowledgement of them. However, our calls will be scheduled as needed and you are not bound to schedule any additional calls (unless you want to).</p>
</div>
<div data-role="collapsible">
<h4>What if I want to set up recurring calls?</h4>
<p>That's great! We think you'll get the best results from continuing discussions to check performance, get further recommendations, and discuss new marketing ideas. We will set up a recurring schedule (often bi-weekly) so you can plan around our calls.</p>
</div>
<div data-role="collapsible">
<h4>What if I decide that I need more help?</h4>
<p>We can walk you through whatever you're working on, or we can do it for you under one of our service plans. We'll recommend a plan that will fit your needs and can get you set up as soon as possible.</p>
</div>
<div data-role="collapsible">
<h4>How do I pay? What payment methods are accepted?</h4>
<p>After our call, we'll send you a follow-up email with a summary of our discussion and an invoice. If you decided to schedule recurring calls, the invoice will include a retainer for any additional calls that month. We want to minimize the administrative burden on you and strive to make the process as seamless as possible. From your invoice, you'll be able to make an online payment using: Visa, MasterCard, American Express, JCB, Discover, and Diners Club cards.</p>
</div>
</div>
我在HTML文件中上传到Dropbox的内容是相同的，但使用＆＃34; html＆＃34;和其他标签：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>FAQs</h1>
</div>
<div data-role="main" class="ui-content">
<div data-role="collapsible">
<h4>What is a typical call like?</h4>
<p>Before our call, we will decide on a topic for the call and set a working agenda. We will try to stay on topic during the call, but can cover anything else that would be beneficial to you during our session. At the end of the call, we can decide if a follow up call would be beneficial to discuss results or to cover a related topic.</p>
</div>
<div data-role="collapsible">
<h4>What if I have a detailed technical question?</h4>
<p>Our team has a wide knowledge base of online advertising platforms and strategies. That said, there may be some topics that are highly specialized that would require some research. We will try to get you an answer during our call or follow up if we are unable to help immediately. If we feel that we would be unable to provide you with sufficient value on our call, we will let you know before it's scheduled so we don't take up your time.</p>
</div>
<div data-role="collapsible">
<h4>Are there any contracts?</h4>
<p>Before we talk, we'll send over our general policies and will require acknowledgement of them. However, our calls will be scheduled as needed and you are not bound to schedule any additional calls (unless you want to).</p>
</div>
<div data-role="collapsible">
<h4>What if I want to set up recurring calls?</h4>
<p>That's great! We think you'll get the best results from continuing discussions to check performance, get further recommendations, and discuss new marketing ideas. We will set up a recurring schedule (often bi-weekly) so you can plan around our calls.</p>
</div>
<div data-role="collapsible">
<h4>What if I decide that I need more help?</h4>
<p>We can walk you through whatever you're working on, or we can do it for you under one of our service plans. We'll recommend a plan that will fit your needs and can get you set up as soon as possible.</p>
</div>
<div data-role="collapsible">
<h4>How do I pay? What payment methods are accepted?</h4>
<p>After our call, we'll send you a follow-up email with a summary of our discussion and an invoice. If you decided to schedule recurring calls, the invoice will include a retainer for any additional calls that month. We want to minimize the administrative burden on you and strive to make the process as seamless as possible. From your invoice, you'll be able to make an online payment using: Visa, MasterCard, American Express, JCB, Discover, and Diners Club cards.</p>
</div>
</div>
</div>
</body>
</html>