Javascript JS-切换Div后再次聚焦/选择光标

我有一个带有两个表单的登录页，在tme上只有一个表单可见。第一个表单是年龄验证表单，如果满足条件，我将使用jQuery

.toggle（）

切换到下一个表单。在页面加载时，为了实现良好的用户体验，我使用

.focus（）

将光标放在第一个表单字段中，其中包含以下代码行：

$（“输入[name='month']）。focus（）


//将光标聚焦在第一个输入字段上
$（“输入[name='month']）。焦点（）；
年龄=19岁；
//根据用户输入计算年龄后，切换元素
如果（年龄>=18岁）{
$（“#年龄验证”）.toggle（）；
$（“#订阅”）.toggle（）；
}否则{
$（“#年龄验证”）.html（'对不起，您必须至少18岁'）；
}

必须是18岁，请核实年龄
提交
提交
您需要首先隐藏订阅表单：

$('#subscribe').hide();

工作演示：
感谢您的回复，它可以工作，但我有点困惑。我的div已经设置为
display:none
，那么为什么我需要先使用
.hide（）
？@JoelB我相信我做的唯一真正的改变是硬编码年龄变量，你说这个变量可以通过用户输入检索。我这边有这个代码，但在这里发布它对于示例来说肯定很有帮助。非常感谢。