Jquery在输入后隐藏元素

JS/Jquery在关注下一个元素时消失/Jquery在关注下一个元素时隐藏上一个元素在有输入后

我有密码：

<script>
$(document).ready(function(){
$("div").click(function(){
$("#hide").hide();
});
);
</script>

$（文档）.ready（函数（）{
$（“div”）。单击（函数（）{
$（“#隐藏”）.hide（）；
});
);

上面隐藏了元素“div”onclick。我真正想要的是当我填写完第一个字段，点击第二个字段，它就会隐藏第一个字段。div应该滑出。例如，我有5个字段，如Name、Email、DOB、Address、Post Code。所以当我输入我的名字，点击Email时，名字div应该消失我是JQuery新手

我该怎么做

---

谢谢，您可以使用jQuery的

on（）

或

bind（）

方法绑定事件。您关心的事件是

blur

，当元素失去焦点时触发

比如：

$('#name').on('blur', function() {
    $(this).hide();
});

---

下面是一个非常简单的答案，您可以轻松扩展：

$（'input#email'）。单击（函数（）{
if（$（'input#name'）.val（）.length>0）{
$（'input#name'）.hide（）；
}
})；

虽然对用户隐藏字段不是一个好主意，但是当

焦点设置在另一个字段上时，您可以
淡出每个非空字段。这样，当您在表单外部单击时，您至少有可能返回到字段（在未单击任何其他字段之前，该字段将可见）


$（“.txt”）.focus（函数（）{
变量输入=$（“.txt”）.not（$（this））.not（“.txt:hidden”）；
如果（$（“.txt”）.not（“.txt:hidden”）.length==2）{
$（“.txt”）.focusout（函数（）{
if（$（this.val（））{
$（this.fadeOut（）；
}
});
}
输入。每个（函数（）{
if（$（this.val（））{
$（this.fadeOut（）；
}
});
})；
你可以在blur上隐藏你的字段，但从用户体验的角度来看，这是非常糟糕的。如果你犯了错误，你如何回到刚才填写的字段进行更改？