JS库显示/隐藏复选框状态上的元素

Question

我是JS的新手，我正在尝试使用这个blog post编写自己的库，并且想要一只手。 （如果对于SO问题这太模糊，请道歉）

我正在尝试编写一个函数，根据查询复选框的状态显示或隐藏查询的元素（如果我不能在一个方法中执行，则另一个用于单选按钮）。

所以我希望得到这样的结论：

$(divId).checkToggle(checkBoxId);

所以div将以隐藏的方式开始。单击复选框后，div将切换为可见。当取消选中该复选框时，我希望div再次隐藏，并且其中的任何输入字段都要清除（可能只有一个输入字段）。

我知道这个功能实际上并不是可以组合使用或可重复使用的，但是我会经常使用它来解决这个问题，我会忽略它。

好的，足够的序言。 Here's what I have so far

我可以就如何更改/完成checkToggle方法提出一些建议吗？谢谢！

Answer 1

这对我有用：

$(document).ready(function(){
 $('#checkbox1').change(function() {
        if($(this).attr('checked')) {
            $("#myDiv").slideDown(1000);
        }
        else
        {
            $('#myDiv').slideUp(1000);
        }
    });
});