How can I block hidden buton on HTML : I am worknig on a html which already works integrated on a application. On this html there was 3 buttons and I add new one. This 3 button showen together when you click anyone on screen but new one do not seem. How can its possible. How can I solve this problem.

 [Fourth button added. ][1] (When you on navigation page all buttons are seem.)


[When You click Second button][2] (When you slick search button, last button do not seem)


[When you click Third button][3] (Same problem valid too when click view button)

For this html there was a ready html and I add new button on it.


 

       <div id="tabcontainer">
        <div id="tabs" class="nav">
        <span><a id="navtab" href="#" class="btn-highlight">Navigation</a></span>
        <span><a id="searchtab" href="/solr/select" class="btn">Search</a></span>
        <span><a id="viewtab" href="#" class="btn">View</a></span>
        <span><a id="180DayDocumentstab" href="#" class="btn">180 Day Documents</a></span></span> 
        <div class="outer-container"><div class="container">
        <div id="navigationContainer"><div class="navSection">
        <div class="outer-container"><div class="container">
        <div class="header navigationPMTitle"><span class="crumb" id="crumb">


  [2]: https://i.stack.imgur.com/mVb9j.jpg
  [3]: https://i.stack.imgur.com/94Oz5.jpg