jquery - 如何在 jQuery 中隐藏一个 DIV 并显示一个 DIV

Question

我有下面的代码:

<div class="P1">
Testing OK
<input type="button" value="OK1" id="bp1">
</div>

<div class="P2">
Testing OK
<input type="button" value="OK2" id="bp2">
</div>

和下面的 jQuery 代码:

$("#bp1").click(function(){
        $(".P1").hide();
        $(".P2").show();
    });

但当它不起作用时。

为什么？以及如何修复？

非常感谢。

更新当我删除 $(".P1").hide(); OR $(".P2").show(); 来 self 的代码

Answer 1

$("#bp1").click(function(){
        $(".P1").css("display","none");
        $(".P2").css("display","block");
    });

可以这样隐藏和显示