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();

时，它正常工作

Answer 1

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

你可以用这种方式隐藏和显示

Answer 2

该代码应该可以使用，请在您的html页面中尝试将其包含在内：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

包含该代码后，您的代码就可以运行。

Answer 3

您需要为每个按钮设置点击处理程序

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="P1">
Testing OK P1
<input type="button" value="OK1" id="bp1">
</div>

<div class="P2">
Testing OK P2
<input type="button" value="OK2" id="bp2">
</div>

＆＃13;

Answer 4

您可以尝试以下操作：

$("#bp1").click(function(){
    $(".P1").removeClassName('hidden');
    $(".P2").addClassName('hidden');
});

应将属性hidden添加到css。

hidden {
visibility: hidden;
}

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

4 个答案: