Jquery没有显示我需要它

Question

当我点击“显示”按钮时，它会向上拍摄，就像它显示的东西一样，但它试图显示的东西不存在，我不确定这里发生了什么。这是我的代码。

   <script src="JQ.js"></script>
        <script>

            $(document).ready(function()
            {

                $("#container").hide();

                $(".show_button").click(function()
                {

                    $("#container").toggle();

                });

            });

        </script>
    </head>
<?php

require("connect.php");
$id = mysql_query("SELECT * FROM users WHERE id='$id'");
$rank = mysql_fetch_assoc($id);
$rr = $rank["rank"];
if($rr >= 7)
{
    echo"
    <div class=\"menu\">
    <div class='show_button'>Show</div>
    <div id=\"container\">
    <div class=\"button\" onclick=\"loadpage('bots','Bot Creator');\"><b style='color:black'>Create Bot</b></div><br /><br />
    <div class=\"button\" onclick=\"loadpage('close','Emergancy Close Client');\" style=\"background-color:red;color:black;font-weight:bold;border-radius:6px;\">Emergency Close.</div><br /><br />
    <div class=\"button\" onclick=\"loadpage('news','Spark News.');\" style=\"background-color:lime;color:black;font-weight:bold;border-radius:6px;\"   >Spark News.</div></div><br /><br />
    <div id=\"addedcontent\">       
    <div id=\"b-header\">            header                    </div>       
    <div id=\"b-content\">            content        </div>    </div></div>  ";