Как переключаться между двумя div?

Question

Я пытаюсь переключиться между 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) 

Answer 1

Ваши РОМ элементы не загружаются, когда вы пытаетесь скрыть и привязать событие к ним. Вам нужно обернуть код в DOM готового события:

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

Demo