title: 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;
body: <pre><code>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
  </code></pre>