Javascript Slidedown div未出现在表单提交上

当用户从用户单击submit的表单中选择他们的选项时，我想输出div中的值，但是div最初是隐藏的，如果它满足某些条件，则会在submit时向下滑动。下面是我的代码，您可以查看我的设置和我的尝试

我有一张表格：

<form id="toBeTranslatedForm" action="fun-translator.php" method="POST" >
      <textarea id="toBeTranslatedTextArea"></textarea>
      <select id="translationOptions"></select>
      <input type="submit" value="Translate" />
</form>

---

不确定您计划如何处理翻译部分，但只是添加

返回false
截至：

    function getFormValues()
    {
         $('#toBeTranslatedForm').submit(function() {
        __submitted = true;
        var textAreaValue = $('#toBeTranslatedTextArea').val();
        var selectValue = $('#translationOptions').val();
       outputTranslated();
        return false;
    });
 }

似乎有效——我把它放在JSFIDLE中，这是我唯一做的修改。我注意到，
translatedArea
已经在向下滑动，但在你看到它工作之前，页面将变成404。
不确定你打算如何处理翻译部分，只是添加
返回false
截至：

    function getFormValues()
    {
         $('#toBeTranslatedForm').submit(function() {
        __submitted = true;
        var textAreaValue = $('#toBeTranslatedTextArea').val();
        var selectValue = $('#translationOptions').val();
       outputTranslated();
        return false;
    });
 }

似乎有效——我把它放在JSFIDLE中，这是我唯一做的修改。我注意到
translatedArea
已经在向下滑动，但是在您看到它工作之前，页面将转到404。
是否
返回false在
$（'#translatedArea'）之后。slideDown（）帮助？然后，创建一个，以便我们可以查看它是否
返回false在
$（'#translatedArea'）之后。slideDown（）帮助？然后，创建一个，以便我们可以调查它。这对我很有用。非常感谢。但是return false做了什么，为什么要这样做。嗨！很高兴它起作用了。了解更多有关为什么
返回false的信息，请参见此问题：。基本上，您的原始脚本似乎不起作用，因为表单在提交时试图打开一个新页面
fun translator.php
，该页面由
标记指定。使用
返回false我们基本上是在防止这种行为。希望有帮助！这对我有用。非常感谢。但是return false做了什么，为什么要这样做。嗨！很高兴它起作用了。了解更多有关为什么
返回false的信息，请参见此问题：。基本上，您的原始脚本似乎不起作用，因为表单在提交时试图打开一个新页面
fun translator.php
，该页面由
标记指定。使用
返回false我们基本上是在防止这种行为。希望有帮助！
#translatedArea
{
    display: none;
}

    function getFormValues()
    {
         $('#toBeTranslatedForm').submit(function() {
        __submitted = true;
        var textAreaValue = $('#toBeTranslatedTextArea').val();
        var selectValue = $('#translationOptions').val();
       outputTranslated();
        return false;
    });
 }