focus problem
focus problem
I have a fairly simple problem that i can't figure out. I have a page that has 4 buttons and when you click one it opens the options behind each button. I can't figure out how to set the focus to the text field behind the buttons when they are pressed. For instance, I have one button that says "Search by phone number" so when you click on it it has a dropdown where you can enter a phone number. I want to know how to set the focus to that textbox so they don't have to click in the box first. Any help would be appreciated.
Here is my code so far:
$(document).ready(function() {
$("#showphone").click(function () {
$("#phone").toggle();
$("#username").hide();
$("#dsl_order").hide();
$("#company").hide();
});
$("#showuser").click(function () {
$("#username").toggle();
$("#phone").hide();
$("#dsl_order").hide();
$("#company").hide();
});
$("#order").click(function () {
$("#dsl_order").toggle();
$("#phone").hide();
$("#username").hide();
$("#company").hide();
});
$("#showcompany").click(function () {
$("#company").toggle();
$("#phone").hide();
$("#username").hide();
$("#dsl_order").hide();
});
});