如何动态导航/查找元素以触发另一个元素jQuery？

我有一个输入字段，当它更新时，我想显示另一个字段。 在本例中，它很简单，但如果我有100个这样的html行，我不能依赖简单版本，示例如下：

<div class="row">
    <div class="col-md-6">
        <label>Test</label>
        <input type="text" class="form-control test" name="test">
    </div>
    <div class="col-md-6">
        <label>Test2</label>
        <input type="text" class="form-control test2" name="test">
    </div>
</div>

Simple example: 

$('.test2').fadeIn(500);

试验
测试2
简单的例子：
$（'.test2'）.fadeIn（500）；

我需要一个更动态的解决方案，而不是这个，这正是我所想象的，但是一个工作示例是值得赞赏的

<script>
   $('.test2').hide();

     if($('.test')).change(function(){
        $(this).prev('div').closest('.test2').fadeIn(500);
     });
</script>

$（'.test2'）.hide（）；
if（$（'.test'））.change（函数（）{
$（this.prev（'div'）。最近（'.test2'）。fadeIn（500）；
});

在将test2类添加到第二个输入之后，这种方法是这样工作的

$（'.test2'）.closest（“div”）.hide（）；
$（'.test'）.change（函数（）{
$（“.test2”），$（this.closest（'.row'））.closest（“div”）.fadeIn（500）；
});

试验
测试2
尝试以下操作：

 <div class="row">
  <div class="col-md-6">
    <label>Test</label>
    <input type="text" class="form-control test" name="test">
  </div>
 <div class="col-md-6 hide">
    <label>Test2</label>
    <input type="text" class="form-control" name="test_2">
 </div>
</div>


试验
测试2

及


$（文档）.ready（函数（）{
$（'input[name=test]'）。更改（函数（）{
$（this）.closest（'div.row'）.find（'div'）.eq（2）.fadeIn（500）；
});
});
我建议使用
collapse
类隐藏
test2
div容器，因此默认情况下，它将被隐藏，而不是使用js方法隐藏它
hide（）
DOM准备好后，将隐藏哪些元素，以便用户注意到输入消失：

<div class="col-md-6 collapse">
  <label>Test2</label>
  <input type="text" class="form-control test2" name="test">
</div>


试验
测试2
页面中没有
.test2
元素？此外，还应使用
change（）
方法附加事件。它不返回一个布尔值，你可以钩住test2类，我设法删除它。检查这个建议。
<div class="col-md-6 collapse">
  <label>Test2</label>
  <input type="text" class="form-control test2" name="test">
</div>