Show & Hide Div

[BZabel]

I am trying to open and close a div via a check box. Using the script below the layer appears perfectly. Closing the layer does not function at all. I am not a programmer so I am hoping it is a simple error that someone who knows javascript can figure out. Thanks for any help.

function showHide(layerName) {
var divID = document.getElementById(layerName);

if (divID.style.display = 'none') {
divID.style.display = 'block'
} else {
divID.style.display = 'block'
}
}


<input onclick="showHide('myLayer');" type="checkbox" value="" class="checkBox" />

<div id="myLayer" style="display:none;">Look at Me!</div>

[r51]

Change the display property to 'none' in your else clause.

else { 
divID.style.display = 'none';
}

[BZabel]

I caught that earlier, should of added it to the post. Made the change but it still doesn't close.

I changed the else to a if else and that did not work either.

function showHide(layerName) {
var divID = document.getElementById(layerName);

if (divID.style.display = 'none') {
divID.style.display = 'block'
} else if (divID.style.display = 'block'){
divID.style.display = 'none'
}
}

Thanks

[r51]

You also need two equals signs in your test for equality.

if (divID.style.display == 'none')

[BZabel]

Awesome, you rock!

Thanks r51.