<div onclick="menu1()" id="menu1">Показать</div>
<div id="spoiler1" style="display: none;">Содержимое спойлера 1</div>
<div onclick="menu2()" id="menu2">Показать</div>
<div id="spoiler2" style="display: none;">Содержимое спойлера 2</div>
<div onclick="close3()" id="menu3">Скрыть</div>
<div id="spoiler3" style="display: block;">Содержимое спойлера 3</div>

<script>

function menu1() {
spoiler1.style.display = 'block';
document.getElementById('menu1').innerHTML = 'Скрыть';
document.getElementById('menu1').onclick="close1()";
}

function close1() {
spoiler1.style.display = 'none';
document.getElementById('menu1').innerHTML = 'Показать';
document.getElementById('menu1').onclick="menu1()";
}

function menu2() {
spoiler2.style.display = 'block';
document.getElementById('menu2').innerHTML = 'Скрыть';
document.getElementById('menu2').onclick="close2()";
}

function close2() {
spoiler2.style.display = 'none';
document.getElementById('menu2').innerHTML = 'Показать';
document.getElementById('menu2').onclick="menu2()";
}

function menu3() {
spoiler3.style.display = 'none';
document.getElementById('menu3').innerHTML = 'Показать';
document.getElementById('menu3').onclick="close3()";
}

function close3() {
spoiler3.style.display = 'block';
document.getElementById('menu3').innerHTML = 'Скрыть';
document.getElementById('menu3').onclick="menu3()";
}
</script>