在表单输入焦点上，显示div

Question

我有一个带输入的表单（#test）。有人知道如何在聚焦时使用jQuery显示另一个div（#tool-tip）吗？

<form>
    <div id="tool-tip"></div>
    <input id="test" />
    <input type="submit">
</form>

Answer 1

$("#test").focusin(function() {
    $("#tool-tip").show();
}).focusout(function () {
    $("#tool-tip").hide();
});

使用.focusin()及其相反的focusout()