Buttons not working

Hide all and show all buttons don’t work, cant’ find the solution:neutral_face::neutral_face:
https://codepen.io/christian-amador/pen/JQGwgd?editors=1010

<button onclick="hideAll()">Show all</button>
<button onclick="javascriptHide">Hide all</button>

Your hiding function is called hideAll(), but you are calling a nonexistent function above. Similarly your show all function is calling hideAll() while you do not have any routines to show all divs written.
I would recommend that you rethink the whole thing, avoid inline functions and start with basic JavaScript and algorithms section on FCC
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript

Hello, @codeca423
Here is my solution to your buttons not working… hope it helps. This solution its a litlte longer but gets the job done, to your problem, you can do it in many ways also its endless, but this is to use you from scratch how to work this problem around, and hope someone else will share a better solution as well. here is my link to it. Hope it helps.

https://codepen.io/ivanmt07/pen/QXyoXd

thanks alot men really good advice i will keep reading that section thanks

imendieta also thanks was very handy thank you

thanks alot for that I manage to make it work in another way and even I did some design on it but now I cant make the “Extra bottom” show the right set of images that I assigned HERE

Hello there I have three that shows me different set of pics but with the last one that I just added “EXTRA BUTTON”
is not showing the right set of pic, is only showing the set of pics of the button before that one
https://codepen.io/christian-amador/pen/jjWoRg

thats true now its working perfect like you said I only needed to add one more else if

function show(dv){
   hideAll();
   if(dv == '1'){
            document.getElementById("content1").style.display = "block";
   }else if(dv == '2'){
              document.getElementById("content2").style.display = "block";
   }else if(dv == '3'){
              document.getElementById("content3").style.display = "block";
   }
   else{
        document.getElementById("content4").style.display = "block";
   }
}

thanks alot