[prostoUser]

Здравствуйте, прошу помочь в одной проблеме, т.к. JS только-только начинаю учить, существует checkbox и (input)Text. При выделении checbox Text.visible=false;

function visible() {
                if (document.getElementById("Checbox1").checked) {
                 document.getElementById("Text1").style.visibility = "visible"; 
                   }
                else {
                  document.getElementById("Text").style.visibility = "hidden";
               } 
             }

код прекрасно работает. Моя проблема такова: В форме имеются множество Checbox (около 20) и Text (столько же) и просто банально не хотелось плодить код а делать ссылку на одну функцию, например пробовал сделать так, но выдает ошибку:

function visible(Chec, IdText) {
                 if (document.getElementById(Chec).checked) {
                     document.getElementById(IdText).style.visibility = "visible"; 
                 }
                 else {
                         document.getElementById(IdText).style.visibility = "hidden";
                } 
        }

<input id="Checkbox1" type="checkbox" onclick="visible(this, 'Text1')"/>

Прошу помочь в маленькой задаче....