如何在两个div之间切换?

时间:2015-07-23 13:27:44

标签: javascript jquery html css

我试图在div .cam1和div .cam2之间切换,但没有任何工作,继承代码;

HTML:

 <div class="cam1"></div>
 <div class="cam2"></div>

CSS:

.cam1 {
position:absolute;
height:100%;
width:100%;
background-color:red;
}

.cam2 {
position:absolute;
height:100%
width:100%
background-color:blue;
}

JS:

$('.cam2').hide();
$('.cam1, .cam2').on('click',
    function()
    {
        $('.cam1, .cam2').toggle()
    }
);

$(document).read(main)

1 个答案:

答案 0 :(得分:3)

当您尝试隐藏事件并将事件绑定到它们时,不会加载您的dom元素。您需要将代码包装在DOM ready事件中:

$(function(){
    $('.cam2').hide();
    $('.cam1, .cam2').on('click',function(){
        $('.cam1, .cam2').toggle();
   });
});

<强> Demo