Sql server 单击按钮时隐藏和显示div

Sql server 单击按钮时隐藏和显示div,sql-server,database,web-hosting,Sql Server,Database,Web Hosting,此代码在单击按钮时隐藏和显示div。 这段代码运行良好…但我希望div应该先隐藏。单击后将显示。添加样式显示:p标记中无 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $(document).ready(fun

此代码在单击按钮时隐藏和显示div。
这段代码运行良好…但我希望div应该先隐藏。单击后将显示。

添加样式显示:p标记中无

<!DOCTYPE html>
<html>
<head>
<script     src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>

<button style="width:80%;height:35px;">Toggle between hiding and showing the      paragraphs</button>

<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>

为什么要标记sql server、数据库、web主机add style=display:none;指向最初应为hiddenolk的标记。。thanxx很多。。。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
     $(document).ready(function(){
        $("button").click(function(){
        $("p").toggle();
        });
     });
 </script>
 <style>
        p{
            display:none;
        }
    </style>
</head>
<body>

     <button style="width:80%;height:35px;">Toggle between hiding and showing the paragraphs</button>

    <p>This is a paragraph with little content.</p>
    <p>This is another small paragraph.</p>
</body>