Javascript 如何在两个div之间切换？

我试图在div.cam1和div.cam2之间切换，但没有任何效果，代码如下

HTML:

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

JS:

---

当您试图隐藏事件并将其绑定到dom元素时，不会加载这些元素。您需要在DOM就绪事件中包装代码：

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

---

何时加载jQuery代码？准备好了吗？或者您是直接将其放入页面的

中的吗？没有函数

。请阅读jQuery中的
，我认为这是一个打字错误？在此上下文中进一步说明什么
main
？使用样板文件，javascript被放在main.js中，忽略.ready和main，我是javascript/jquery新手，Sorrycrome给了我以下错误：未捕获引用错误：$未定义（匿名函数）@index.html:31Include jquery。在调用
$
之前，请务必这样做。
$('.cam2').hide();
$('.cam1, .cam2').on('click',
    function()
    {
        $('.cam1, .cam2').toggle()
    }
);

$(document).read(main)

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