Question

AS I understand it, the focus event must be used with something like an input box, but that doesn’t seem to be working for me. I have the following fiddle… I’m trying to get ‘Guide’ div to show up when someone focuses on the textbox. I’m not sure if part of the problem is my use of “siblings” and if the input box needs a unique ID? But I put the unique identifier as the parent and then referred to the sibling…

http://jsfiddle.net/jhacks/2jjZF/2/

You’ll see I do have some extra code in there for ‘Error’ and ‘Okay’ messages. I’m working on getting the JQuery events for those to match something like the Twitter signup page If anyone can direhttps://twiter.com/signup but that’s for another post.

Any and all help is appreciated. Thanks!

Answer 1

$('input#registerBox').focus(
    function() {
     $(this)
       .closest('#registerBoxName') // go to parent div#registerBoxName
       .next('.registerGuidance')   // move to next div.registerGuidance
       .find('#registerGuideName')  // finding target #registerGuideName within div.registerGuidance
       .show(); // make display
   }
});