如何在按下第二个按钮时隐藏按钮，以及当我点击页面的空白区域时如何使按钮显示？

Question

我有2个字段的电子邮件和密码 。 我也有2个按钮唱歌和唱歌 。 我想在点击“唱歌”时隐藏“唱歌”按钮，反之亦然（点击“唱歌”时隐藏“唱入”按钮）。 我尝试了mousedown和焦点 ，但后来它没有让我填补这些领域。 这是一个小提琴： 演示

<input type="text" id="email" style="display:none;">
<input type="password" id="pass" style="display:none;">
<button id="hide">Sign in</button>
<button id="show">Sign up</button>

<script>
$("#hide").one("click", showFields);
function showFields()
{
$("#email").show();
$("#pass").show();
$("#singup").hide();
$("#singin").on("click", function(){
window.open("#", "_self");
});
}
</script>

Answer 1

$("#hide").on("click",showFields);

function showFields()
{
    $("#email").show();
    $("#pass").show();
    $("#show").hide();
    $("#hide").on("click", function(){
        window.open("#", "_self");
    });
}

$('button,input').focusout(function () {
    $('#email').hide();
    $('#pass').hide();
    $("#show").show();
    $("#hide").show();
});

不确定它是否是你想要的，但我认为你应该使用焦点。 但请记住，您必须列出所有元素（在这种情况下，只需按钮和输入），如果您点击其中任何一个，它将触发该功能。