HTML Javascript，复选框可切换标签和下拉列表的可见性

Question

我已经半途而废了，但我目前陷入困境。 首先，我希望默认隐藏标签和下拉菜单。 我已经使用CSS实现了这一点：

#unis
{
    visibility:hidden;
}

我稍有停留的一点是如何使用我对这些项目进行分组：

<div class='row'>
    <div id = "unis">
        <label id='Universitylbl' for='University'>University institution:</label>
        <select name="uni">
            <option value="uni1">uni1</option>
            <option value="uni2">uni2</option>
            <option value="uni3">uni3</option>
            <option value="uni4">uni4</option>
            <option value="uni5">uni5</option>
        </select><br />
    </div>
</div>

和JavaScript来切换可见性：

function toggle(elementID){
    var target1 = document.getElementById(elementID)
    if (target1.style.display == 'none') {
        target1.style.display = 'block'
    }
    else
         {
        target1.style.display = 'none'
    }
}

但是上面的代码似乎不起作用？

Answer 1

似乎您正在为target2分配一个值并更改target1的显示。 那不是同一对象吗？ （例如target ？）