Page content of slide toggle menu

JavaScript
1

hey folks. i got this code.


<!DOCTYPE html>
<html>
<head>
  <style>
  p { width:400px; }
  </style>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>

    

                                    <ul><li class="heads">Menu</li></ul>
                                        <p>Level 1</p>
                                        <p>Level 2</p>
                                        <p>A</p>
                                        <p>B</p>
                                        <p>Tempearture 0</p>
                                        <p>Tempearture 1</p>

<script>
    $("li.heads").click(function () {
      $("p").slideToggle("slow");
    });
</script>
                                        <div>Hello World</div>

which work fine but other content of the page like Hello World div depends on it. meaning if it contracts the div goes up and if expanded the div goes down. i wanna restrict the other page content moment. independent of slide toggle. what am i missing?