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 ？）