仅在单击输入时显示div

Question

仅当我按输入或文本区域时如何显示div？

此外，CSS写得正确吗？ ..或有一些错误？

演示代码：http://jsfiddle.net/2wNbR/54/

谢谢你的回答！

Answer 1

您是否尝试将其隐藏在ready（）上并在点击时显示？

$(document).ready(function () {
    $(".info_form").hide();
    $("input").on("focus", function () {
        $(".info_form").show();

    });
});

Answer 2

$(document).ready(function () {
    $(".info_form").hide();
    $("input").on("focus", function () {
        $(".info_form").hide();
        $(this).next('div.info_form').show();
    });
});

请参阅此处http://jsfiddle.net/2wNbR/58/

--------- EDITED ----------------

$(document).ready(function () {
    $(".info_form").hide();
    $("input").on("focus", function () {
        $(".info_form").hide();
        $(this).next('div.info_form').show();
    });

     $(document).click(function(e) {
        if (!$(e.target).is('input')) {
            $(".info_form").hide();
        }
    });
});

http://jsfiddle.net/2wNbR/62/

只需在css中的float:left;课程中添加.info_form即可。它将保持内联。

Answer 3

修改了.info_form类和JS代码。结果是url
       http://jsfiddle.net/2wNbR/60/

希望这能解决您的问题。