jQuery动画故障

Question

我目前正在做一个大学项目，其中包括建立一个动态网站。目前，我的网站上有一个反馈表单，当按下按钮时，它会使用slideDown() jQuery中的函数向下滑动。

我现在遇到的问题非常奇怪，我从来没有见过。基本上需要发生的是，当按下“反馈”按钮时，标题为“反馈”的文章应该向下滑动。所发生的是当按钮被按下，而不是一个平滑的动画，它只是出现，几乎就像它跳过动画。在此之后，我开始调试网站，我注意到在后台动画工作，但似乎没有出现？那么是什么导致了这一切呢？

任何我能得到的帮助，我都会非常感激，因为我花了几个小时试图找出问题，但没有成功的结果。如果你需要更多的信息，询问，我不完全确定我是否可以把它放在这里，但这个网站是我的私人域名，我可以提供给人们实际看到这个问题，谢谢

这里是我实现的jQuery库：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这里是应该绘制动画的脚本：

$('#nav-6').click(function(){
            $('.feedback').slideDown(2000);
        });

，这是feedback.php

<article class="feedback">
<h1 class="filler-header">Feedback Form</h1>
<section>
    <form action="#" name="feedback">
        <p>Name: </p><input type="text" class="fb-field"/>
        <p>Email: </p><input type="text" class="fb-field"/>
        <p>Description: </p><input type="text" class="fb-field"/>
        <button type="submit" name="Submit" class="fb-button">Submit</button>
    </form>
</section>

​

最后这里是用于所有相关事物的CSS：

.feedback {
width: 100%;
height: 350px;
background-color: #1e1e1e;
border-bottom: 1px solid #111;
position: relative;
display: none;
}

Answer 1

我用的是Chrome v38，它能工作。

​

$('#nav-6').click(function(){
            $('.feedback').slideDown(2000);
 });

.feedback {
width: 100%;
height: 350px;
background-color: #eee;
border-bottom: 1px solid #111;
position: relative;
display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="nav-6">click me</button>
<article class="feedback">
<h1 class="filler-header">Feedback Form</h1>
<section>
    <form action="#" name="feedback">
        <p>Name: </p><input type="text" class="fb-field"/>
        <p>Email: </p><input type="text" class="fb-field"/>
        <p>Description: </p><input type="text" class="fb-field"/>
        <button type="submit" name="Submit" class="fb-button">Submit</button>
    </form>
</section>
</article>

​