Javascript 如何设置我的表单在加载页面时变为隐藏

我刚刚学习了javascript，我有一个表单，我刚刚使用javascript创建了一个函数，因为我想在我的页面中创建一个隐藏/显示表单，我的问题是，当我在浏览器中加载我的页面时，如何将我的表单设置为隐藏表单，因为当我加载我的页面时，表单是显示的

这是我的js代码

<script type="text/javascript">
$(function () {
    $('.showhide').click(function () {
        $(".slidediv").slideToggle();
    });
});

$（函数（）{
$（'.showhide'）。单击（函数（）{
$（“.slidediv”）.slideToggle（）；
});
});

这是我的html

<form id="form1" class="bs-example form-horizontal" runat="server">
<a href="#" class="showhide" shape="circle" style="border: thin solid #000000">Show / Hide</a>   
<div class="slidediv"> 
        <fieldset>
            <legend></legend>
            <div id="divcontrol">
                <div class="form-group">
                    <label for="lblUserId" class="col-lg-2 control-label">Name</label>
                        <div class="col-lg-10">
                            <asp:TextBox ID="txtName" CssClass="form-control" runat="server"></asp:TextBox>                  
                        </div>
                </div>

                <div class="form-group">
                    <label for="lblUserDivision" class="col-lg-2 control-label">Division</label>
                        <div class="col-lg-10">                                
                              <asp:TextBox ID="txtDivision" CssClass="form-control" runat="server"></asp:TextBox>                        
                                </div>
                </div>

                <div class="form-group">
                    <label for="lblUserRole" class="col-lg-2 control-label">Message</label>
                        <div class="col-lg-10">
                            <asp:TextBox ID="txtMessage" TextMode="MultiLine" Columns="50" Rows="5" CssClass="form-control" runat="server" ></asp:TextBox>
                        </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-10 col-lg-offset-2">
                    <asp:Button ID="btnSave" CssClass="btn btn-primary" Text="Submit" runat="server" />
                                              <asp:Button ID="btnCancel" CssClass="btn btn-primary" Text="Cancel" 
                            runat="server" />
                    </div>
                </div>
                </div>
        </fieldset>
    </div>
      </form>

名称
分部
消息

查看主题。您可以设置

显示：无表单规则。
查看主题。您可以设置
显示：无表单规则。
试试这个


$（“#form1”）.hide（）；
$（“#切换显示”）。单击（函数（）{
$（“#form1”）.toggle（）；
});

名称
分部
消息
试试这个


$（“#form1”）.hide（）；
$（“#切换显示”）。单击（函数（）{
$（“#form1”）.toggle（）；
});

名称
分部
消息