<main>
    <div class="bg-cl">
        <div id="Number"></div>
        <div id="cir1" class="cir-flop1"></div>
        <div id="flop">
            <div id="cir2" class="cir-flop2"></div>
            <p class="p1" >角色：<span id="role" ></span></p>
            <p class="p2" >词组：<span id="word" ></span></p>
            <p class="p3">想办法猜到别人的词，同时还要注意 不要暴露自己哦！</p>
        </div>
    </div>
</main>
<footer>
    <button id="btm1" class="footer-button-start">
        查看身份
    </button>
    <button id="btm2" class="footer-button-start">
    </button>
</footer>

就是先显示想要的，点击进行显示隐藏就行

var x = 0;
var y = 0;
var z = 2;
// 序号
$("#Number").html(z-1);
$("#btm2").css("display","none");
$("#flop").css("display","none");
$(document).ready(function(){
    $("button").click(function(){
        $("#btm1").toggle();
        $("#btm2").toggle();
        $("#cir1").toggle();
        $("#flop").toggle();
        //结束
        if (y<Num) {
            //第一次点击
            if (x == 0) {
                //角色身份
                $("#role").html(playerpeople[y]);
                //更改文字
                $("#btm2").html("隐藏并传递给" + z + "号");
                //角色词组
                word();
                y++;
                if (y == Num) {
                    $("#btm2").html("法官日记");
                }
                //第二次点击
                x = 1;
            }
            else {
                //更改身份
                $("#role").html("");
                //更改按钮内容
                $("#btm1").html("看看" + z + "号是谁");
                //更改顶部数字
                $("#Number").html(z);
                //增加每次点击显示的数字
                z++;
                //还原为第一次点击
                x = 0;
            }
            console.log(playerpeople);
        }
        else {
            sessionStorage.playerpeople=JSON.stringify(playerpeople);
            window.location.href = "judgenote.html";
        }
    })
});