顯示錶單的下一個字段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/