HTML Javascript, checkbox toggles label and dropdown list visibility

Question

I'm halfway to getting this correct, but i am currently stuck. Firstly i would like the label and dropdown to be hidden be default. This i have achieved using css:

#unis
{
    visibility:hidden;
}

The bit i am slightly stuck on is how to group the items, i have used:

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

and the javascript to toggle the visibility:

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

but the above code doesn't appear to work?

Answer 1

It seems you are assigning target2 a value and altering the display of target1 . Shouldn't that be the same object ? ( target , for example ?)