title: Make two buttons hidden at start and when clicked on another button, shows the two buttons
body: <p>Hey guys sorry for the trouble, I need help making buttons next and forward blocked through javascript at start and when I click on Read Manga button, I want it to show the back and forward buttons.</p>
  
  <p>Need help strictly on javascript and not jQuery. </p>
  
  <pre><code>    function hide()
          {
          document.getElementById("listm").style.display = "none";
          }
  
      function showlist()
          {
          document.getElementById("listm").style.display = "block";
          }           
  
      function fimage()
          {
          document.getElementById("bimages").style.display = "hidden";
          }
  
      function pimage()
          {
          document.getElementById("bimages").style.display = "hidden"
          }
  
  
      &lt;button onclick = "hide()"&gt;Read Manga&lt;/button&gt;
      &lt;button onclick = "showlist()"&gt;Show List&lt;/button&gt;   
  
      &lt;button id = "bimages" onclick = "pimages()";&gt;Back&lt;/button&gt;
      &lt;button id = "bimages" onclick = "fimages();"&gt;Forward&lt;/button&gt;
  
      &lt;script&gt;
      mangaimage = document.getElementById("mangaim");
      mangasummary = document.getElementById("ms");
      readmanga = document.getElementById("rm");
      aimages = document.getElementById("bimages");
  
      &lt;/script&gt;
      &lt;/body&gt;
  </code></pre>