Jquery 单击第一个输入后显示下一个输入（表单）

我得到了一张如下的表格：

我只想在用户已单击前一行中的输入时显示下一个输入行。 为此，我写了我的脚本，但它没有直接关注输入。 因此，如果您在输入字段外稍微单击，下一行仍然显示

不幸的是，如果我只是简单地将click listener上的类更改为input标记，它就不再工作了——就像找不到下一行一样

在我为每个元素硬编码类之前，有没有动态解决方案

注意：（无法设置codepen，因为它是cms，并且不知道如何将所有合并的css/js和库导入codepen）

函数revealNextRow（）{
$（'.radio toolbar'）。在（'单击'，函数（）上）{
$（this.next（'.radio toolbar'）.fadeIn（）；
});
}

每个输入行的HTML结构
标题
青年成就
不
你是谁？
...

您不需要该功能。您需要从一开始就拥有事件侦听器

$（函数（）{//在页面加载时
$（'.radio工具栏'）。在（'click'，'input[type=radio]'上，函数（）{
$（this）.closest（'.radio toolbar'）.next（）.fadeIn（）；
});
});
。隐藏{
显示：无；
}

标题
青年成就
不
你是谁？
伊尔根沃
尼根德沃
非常感谢你！它解决了这个案子。我在“文档准备就绪”中实现了该函数，因此它被直接加载。-此行：。在（'click'，'input[type=radio]'上，解决了我的问题