Javascript 显示和隐藏a<；iframe>；使用“切换”来切换：勾选“；

我被JS卡住了。我最初有两个按钮和“onClick”功能，但我现在想“升级”到切换。 使用此JS时，视频显示/隐藏功能和切换幻灯片不起作用。 我想在检查开关时显示视频

有人能帮我做JS吗？

函数showVideo（）{
$（“#视频”）.hide（）；
$（“#cb1”）。单击（函数（）{
如果（$（this）.is（“：checked”））{
元(短片).节目(300);；
}否则{
$（“视频”）.hide（200）；
}
});
}

.tgl{
显示：无；
}
.tgl+.tgl btn{
大纲：0；
显示：块；
宽度：4em；
高度：2米；
位置：相对位置；
光标：指针；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.tgl+.tgl btn:之后，.tgl+.tgl btn:之前{
位置：相对位置；
显示：块；
内容：“；
宽度：50%；
身高：100%；
}
.tgl+.tgl btn:之后{
左：0；
}
.tgl+.tgl btn:之前{
显示：无；
}
.tgl:onClick+.tgl btn:after{
左：50%；
}
.tgl灯+.tgl btn{
背景：#f0；
边界半径：2米；
填充：2px；
-webkit过渡：全部。4s轻松；
过渡：全部。4s轻松；
}
.tgl灯+.tgl btn：之后{
边界半径：50%；
背景：#fff；
-webkit过渡：所有.2s轻松；
过渡：所有。2轻松；
}
.tgl灯：选中+tgl btn{
背景：#9FD6AE；
}

---

只是不包括

（“#cb1”）。在函数中单击（…

。

showVideo（）

实际上从未在任何地方调用，因此不会添加事件处理程序：

$（“#视频”）.hide（）；
$（“#cb1”）。单击（函数（）{
log（$（this）.is（“：checked”）；
如果（$（this）.is（“：checked”））{
元(短片).节目(300);；
}否则{
$（“视频”）.hide（200）；
}
})；

.tgl{
显示：无；
}
.tgl+.tgl btn{
大纲：0；
显示：块；
宽度：4em；
高度：2米；
位置：相对位置；
光标：指针；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.tgl+.tgl btn:之后，.tgl+.tgl btn:之前{
位置：相对位置；
显示：块；
内容：“；
宽度：50%；
身高：100%；
}
.tgl+.tgl btn:之后{
左：0；
}
.tgl+.tgl btn:之前{
显示：无；
}
.tgl:onClick+.tgl btn:after{
左：50%；
}
.tgl灯+.tgl btn{
背景：#f0；
边界半径：2米；
填充：2px；
-webkit过渡：全部。4s轻松；
过渡：全部。4s轻松；
}
.tgl灯+.tgl btn：之后{
边界半径：50%；
背景：#fff；
-webkit过渡：所有.2s轻松；
过渡：所有。2轻松；
}
.tgl灯：选中+tgl btn{
背景：#9FD6AE；
}

---

您已经非常接近了，不需要函数，只需将事件放在函数之外，它就可以工作了

我建议在您的案例中使用

toggle（）

而不是条件

hide（）/show（）

，例如：

$("#cb1").click(function() {
   $("#video").toggle(300);
});

$（“#视频”）.hide（）；
$（“#cb1”）。单击（函数（）{
$（“#视频”）。切换（300）；
})；

.tgl{
显示：无；
}
.tgl+.tgl btn{
大纲：0；
显示：块；
宽度：4em；
高度：2米；
位置：相对位置；
光标：指针；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.tgl+.tgl btn:之后，
.tgl+.tgl btn:之前{
位置：相对位置；
显示：块；
内容：“；
宽度：50%；
身高：100%；
}
.tgl+.tgl btn:之后{
左：0；
}
.tgl+.tgl btn:之前{
显示：无；
}
.tgl:onClick+.tgl btn:after{
左：50%；
}
.tgl灯+.tgl btn{
背景：#f0；
边界半径：2米；
填充：2px；
-webkit过渡：全部。4s轻松；
过渡：全部。4s轻松；
}
.tgl灯+.tgl btn：之后{
边界半径：50%；
背景：#fff；
-webkit过渡：所有.2s轻松；
过渡：所有。2轻松；
}
.tgl灯：选中+tgl btn{
背景：#9FD6AE；
}