Javascript 成功提交表单时隐藏一个DIV并显示另一个DIV

我使用下面的代码片段发布数据并提交表单。我有一个id=form的div和一个id=thankyou的div。我正在使用$（'#谢谢'）.hide（）；要隐藏感谢div。在成功提交表单后，我需要隐藏表单div并显示感谢div。一切正常，即表单已提交，数据存储在数据库中，但由于某些原因，两个div的隐藏和显示不起作用

任何帮助都将不胜感激

<script>
  $('#thankyou').hide();
  $('.submit-form').submit(function(e) {
    e.preventDefault();
    $.ajax({
      type: 'POST',
      url: 'http://ecaddy.co.za/timer/shared/html/entry_form.php',
      data: $(this).serialize(),
      success: function(data, status) {
        // This is how I'm trying to hide / show the div's.
        $('#form').hide();
        $('#thankyou').show();
        console.log(data)
      },
      error: function(xhr, status, error) {
        console.log(xhr.responseText);
      }
    });
  });
</script>

$（“#谢谢”）.hide（）；
$（'.submit form'）.submit（函数（e）{
e、 预防默认值（）；
$.ajax({
键入：“POST”，
网址：'http://ecaddy.co.za/timer/shared/html/entry_form.php',
数据：$（this）.serialize（），
成功：功能（数据、状态）{
//这就是我试图隐藏/显示div的方式。
$（'#form'）.hide（）；
$（'谢谢'）.show（）；
console.log（数据）
},
错误：函数（xhr、状态、错误）{
console.log（xhr.responseText）；
}
});
});

它以什么方式不起作用？

$（“#表单”）

是否被隐藏？还是什么都没有隐藏？乍一看，您的代码似乎是正确的。ajax成功控制台.log（）已启动，可以吗？您可以在控制台中正常看到它吗？控制台中是否有任何错误？您可以显示html代码吗？这是表单中的

#thankyou

div，有可能吗？