使用Jquery在按钮上单击隐藏/显示Div

这应该是我写的第一个 Jquery代码.我已经使用了 this和更多的例子来制作最简单的jquery代码来显示Hello on Button Click(W3Schools值得一提).我试图在按钮单击时显示包含Hello的div.

<div>
<input type="button" id="btn" class="btn btn-default" value="click me">
</div>

<div id="Create" style="visibility:hidden">
Hello
</div>

@section Scripts{
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
$(document).ready(function () {
    $(btn).click(function () {
        $(Create).show();

    });
});
</script>
}

我曾尝试在Scripts.Render之前的许多地方编写脚本代码.我不确定我应该在哪里放置Jquery代码.

我将此代码附加到MVC5应用程序.此代码是为学习目的而编写的.我认为View中的其他代码与Jquery的工作无关.

<div>
<input type="button" id="btn" class="btn btn-default" value="click me">
</div>

<div id="Create" style="display:none">
Hello
</div>

@section Scripts{
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
$(document).ready(function () {
    $("#btn").click(function () {
        $("#Create").toggle();
    });
});
</script>
}