I am trying to make a div disappear on click and make another div appear in its place I have wrote and run code using javascript;

document.getElementById("nextOneButton").onclick = function() { document.getElementById("mainFrameOne").style.display="none"; document.getElementById("mainFrameTwo").visibility="visible"; }

//mainFrameTwo is initially set hidden in terms of visibillity //nextOneButton is on top of the mainFrameOne in terms of position, when //clicked it should move to next frame. Some what like a slide show