Улучшенный вариант (без дополнительных классов)
<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>
<script>
var spoiler = function (el) {
var sptext = el.nextElementSibling || (function() {
do { el = el.nextSibling } while ( el && el.nodeType !== 1 );
return el;
})(el);
if (sptext.style.display == "") {
sptext.style.display = "block";
el.value = "Закрыть";
} else {
sptext.style.display = "";
el.value = "Показать решение";
}
};
</script>
</head>
<body>
<input type="button" onclick="spoiler(this)" value="Показать решение" class="link">
<div class="sp-text">Ваш текст ...</div>
<input type="button" onclick="spoiler(this)" value="Показать решение" class="link">
<div class="sp-text">Ваш текст ...</div>
</body>
Костыль для nextElementSibling нужен для IE8