Problem with automatically generated <br> after <script> lines using jQuery UI Accordion

Problem with automatically generated <br> after <script> lines using jQuery UI Accordion

Hi!  I'm using a simple jQuery UI Accordion.  Every time the accordion works properly, there's a huge white space.  If I add text before the scripts run, the space is after the text but still before the accordion. 

Using Inspect Element, it looks like <br></br> is being generated 3 times - once after each <script></script> line of html (see below).  I don't know why they are being added or how to remove them in my html code.

Here's the html in my WordPress Text editor.  In the example, the white space shows up after "Of course! Just scroll down to the accordion!"  I only see that the space is <br> when I use Inspect Element.

Please help!  Thanks! Jennifer

<h1>Can I See an Easy Example To Get Started?</h1>
Of course!  Just scroll down to the accordion!
<!doctype html>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/cupertino/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#accordion" ).accordion({
heightStyle: "content"
});
});
</script>








More text...How many hours should the medication be administered to your patient?
<div id="accordion">
<h3>How Do I Start?</h3>
<div>
<p>
It's always easiest to start by gathering all of the information you already have at hand.
</p>
</div>
<h3>What Units Are Given In the Problem?</h3>
<div>
<p>
This problem includes the following units:
</p>
<ul>
<li>min</li>
<li>hr</li>
</ul>
</div>