除了基础知识外，我对前端工作几乎一无所知。在我的网站，我正在建设我尝试一些非常简单的东西，它似乎不工作。我有一个表单，我只想在单击按钮后显示它。我可以通过使用jquery解决这个问题，但无论出于什么原因，切换持续时间似乎不起作用。在我看来，我所有的谷歌搜索和文档阅读似乎都应该奏效。它似乎是默认的切换速度，无论我尝试和更改什么，我只尝试了.toggle（），.toggle（'slow'），.toggle（'slow'），.toggle（'slow'），.toggle（'fast'），.toggle（'fast'），.toggle（在此处插入任何数字）），并且速度始终保持默认值：400。最初，我通过将display设置为none来隐藏表单；在css文件中，如果这也很重要的话。我做错了什么？任何帮助都将不胜感激！
页面上html的一部分

<div class="container w-25 mb-5">
        <div class="container-fluid" id="wrapper">
            <form method="POST" id='form1'>
                {% csrf_token %}
                {% for field in form %}
                <div class="form-group px-3 my-3 {% if field.errors %}invalid{% endif %}">
                {{ field.label_tag }}
                {{ field }}
                {{ field.help_text }}
                {{ field.errors }}
                </div>
                {% endfor %}
                <button type="submit" class="btn btn-primary ml-3">Submit</button>
            </form>
        </div>
    </div>

</div>
{% endblock %}

{% block extra_scripts %}
<script type="text/javascript">
$( document ).ready( function() {
    $( "#review" ).click( function() {
        $( "#form1" ).toggle("slow");
    });
});
</script>
{% endblock %}