Javascript 使用.toggle（）打开和关闭一个div

如何使用.toggle切换两个div到目前为止，我有以下几点：

$('#toggler').change(function() {
    $('#div1').toggle();
    $('#div2').toggle();
});

toggler是一个复选按钮-我希望div1在true时出现，div2消失，反之则在false时出现，有什么想法吗

编辑**-我无法使用.hide（），就好像我用选中的复选按钮启动页面一样切换将以错误的方式进行

尝试此小提琴：

---

您可以在toggle（）中输入一个布尔值

jQuery文档-

$( "#foo" ).toggle( showOrHide );

相当于-

if ( showOrHide === true ) {
    $( "#foo" ).show();
} else if ( showOrHide === false ) {
    $( "#foo" ).hide();
}

---

只要一个开始是隐藏的，而另一个是可见的，你所拥有的将完全做到这一点。

$( "#foo" ).toggle( showOrHide );

if ( showOrHide === true ) {
    $( "#foo" ).show();
} else if ( showOrHide === false ) {
    $( "#foo" ).hide();
}