http://learn.javascript.ru/play/No5aAb
смотрите решение на js второе
<head>
<style>
.link {
border:none;
background-color: transparent;
text-decoration: underline;
color: #476C8E;
display: block;
outline: none;
cursor: pointer;
}
.sp-text {
display: none;
border: 1px solid #d5d5d5;
background-color: #f5f5f5;
padding: 5px;
}
</style>
</head>
<body>
<input type="button" onclick="spoiler(this)" value="Показать решение" class="link sp1">
<div class="sp-text sp1">Ваш текст ...</div>
<input type="button" onclick="spoiler(this)" value="Показать решение" class="link sp2">
<div class="sp-text sp2">Ваш текст ...</div>
<script>
var spoiler = function (el) {
var divCls = "div.sp-text." + el.className.split("link ")[1],
sptext = document.querySelector(divCls);
if (sptext.style.display == "") {
sptext.style.display = "block";
el.value = "Закрыть";
} else {
sptext.style.display = "";
el.value = "Показать решение";
}
};
</script>
</body>