显示表单的下一个字段onclick，并显示每个字段旁边的内嵌消息

Question

我有一个包含4个输入字段和1个textarea的表单。我试图在JQuery中做下列事情没有成功： 当我点击一个字段时显示下一个字段。例如，您点击第一个输入，然后显示下一个输入。 在页面加载时，第一个输入字段应该是可见的，其他所有隐藏的字段都是隐藏的，这样人们可以点击第一个字段，然后在点击它们时发现以下内容。 现在，我还希望在每个字段旁边显示内嵌文本，只要它们显示并显示下一个字段。 例如，第一个字段是“名称”，所以当用户点击它时，它应该显示“请在此输入您的名字”，然后当用户点击该字段时，下一个字段“Surname”出现，旁边的另一个图例“请在这里输入你的姓氏”等等。 有人可以帮我用jquery做这个而不使用插件吗？

Answer 1

尝试了这一点：

var fields = $('#myform .field').hide(); 
fields.first().show(); 
fields.find(':input').bind('focus', function() { 
    $(this).closest('.field').next('.field').show(); 
}); 

例子：http://jsfiddle.net/petersendidit/rfPCM/34/