function btnLoad() {
document.querySelector('.button_plus').addEventListener('click', function(){
let hiddenDiv = document.querySelectorAll('hidden')
hiddenDiv.forEach(item => {
item.classList.remove('hidden')
})
this.remove()
})
}
btnLoad()
<div class="foto-work-content">
<div class="foto-work" data-content-work="Wordpress" hidden>
<img class="foto-work-img" src="./images/wordpress/wordpress6.jpg" alt="web-design" hidden>
<div class="foto-work-hover">
<img class="img-foto" src="./images/Combined shape 7431.svg" alt="img">
<img class="img-foto-square" src="./images/Layer 23.png" alt="img">
<h2 class="foto-work-title-hover">creative design</h2>
<p class="foto-work-text-hover">Wordpress</p>
</div>
</div>
</div>
<div class="button_load">
<button class="button_plus" id="plus"><img class="button_plus_img" src="./images/buttonplus.png" alt="plus">Load More</button>
</div>