Javascript JS库在复选框状态下显示/隐藏元素

我对JS相当陌生，正在尝试使用它编写自己的库，我想帮忙。（如果这对于SO问题来说太模糊，请道歉）

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

所以我希望最后能有这样的结果：

$(divId).checkToggle(checkBoxId);

因此div将以隐藏的形式开始。单击复选框时，div将切换为可见。当复选框未选中时，我希望div再次隐藏，并清除其中的所有输入字段（可能只有一个输入字段）

我知道这个函数并不是很容易组合或重用的，但我经常使用它只是为了一件我将忽略的事情

好了，够了

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

这对我很有用：

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

---

对JS来说相当陌生，正在尝试编写一个库。酷！