Javascript 在单击时切换输入可见性

我有两个按钮和两个输入字段，输入字段是隐藏的。我想做的是在单击时切换显示属性，但它只工作一次，并且在每个输入旁边有一个关闭按钮。此关闭按钮应在单击时删除每个输入，以下是我的代码：

$（函数（）{
$（'.btn1'）。单击（函数（）{
$（'.input1'）.css（'display'，'block'）；
});
});
$（函数（）{
$（'.btn2'）。单击（函数（）{
$（'.input2'）.css（'display'，'block'）；
});
});
$（“.closebutton”）。单击（函数（）{
$（“输入”）.remove（'.removediv'）；
});      
.input1、.input2{
显示：无；
}

按钮1
关闭按钮
输入1


按钮2
关闭按钮
输入2如果要在可见和隐藏之间切换，请使用
.toggle（）
，否则只需单击显示输入


$（函数（）{
$（'.btn1，.btn2'）。单击（函数（）{
$（this.next（）.toggle（）；
});
});
.input1，
.输入2{
显示：无；
}

按钮1
输入1


按钮2
输入2
只需使用
Jquery
切换选项：

$(function() {
  $('.btn1').click(function() {
    $('.input1').toggle();
  });
});

$(function() {
  $('.btn2').click(function() {
    $('.input2').toggle();
  });
});


$（函数（）{
$（'.btn1'）。单击（函数（）{
$（'.input1'）.toggle（）；
});
});
$（函数（）{
$（'.btn2'）。单击（函数（）{
$（'.input2'）.toggle（）；
});
});
.input1、.input2{
显示：无；
}

按钮1
输入1


按钮2
输入2
$（函数（）{
$（'.btn1'）。单击（函数（）{
$（'.input1'）.toggle（）；
});
});
$（函数（）{
$（'.btn2'）。单击（函数（）{
$（'.input2'）.toggle（）；
});
});
.input1、.input2{
显示：无；
}

按钮1
输入1


按钮2
输入2
尝试此方法的

更改
toggle（）
而不是
css（'display'）
属性
.closebutton
是错误的选择器，请尝试
.close
并隐藏
下一步（）
输入，而不是所有的
$（'input'）
。使用
隐藏（）
而不是
删除（）

$（函数（）{
$（'.btn1'）。单击（函数（）{
$（'.input1'）.toggle（）
});
});
$（函数（）{
$（'.btn2'）。单击（函数（）{
$（'.input2'）.toggle（）
});
});
$（“.close”）。单击（函数（）{
$（this.next（“input”）.hide（）；
});
.input1，
.输入2{
显示：无；
}

按钮1
关闭按钮
输入1


按钮2
关闭按钮
Input 2
在两种情况下都有效。它只显示输入。您是在问如何再次隐藏它们吗？请使用
.toggle（）
即
$（'.input2'）.toggle（）