Poznakomlus, спасибо за ответ.
А как сделать "Посмотреть ответ", чтоб отображалось ссылкой. И куда вставлять
<style>
.spoiler>input {
position: absolute;
top: -9999px;
left: -9999px;
}
.spoiler>label {
cursor: pointer;
}
.spoiler>label:before {
content:"Показать решение";
}
.spoiler>input:checked ~ label:before {
content:"Закрыть";
}
.spoiler>input:checked ~ .sp-content {
display: block;
}
.spoiler>.sp-content {
display: none;
border: 1px solid #d5d5d5;
background-color: #f5f5f5;
padding: 5px;
}
</style>
И этот код
<div class="spoiler">
<input type="checkbox" id="sp1" />
<label for="sp1"></label>
<div class="sp-content">Здесь будет наш текст...</div>
</div>
<div class="spoiler">
<input type="checkbox" id="sp2" />
<label for="sp2"></label>
<div class="sp-content">Здесь будет наш текст...</div>
</div>
Спасибо.
|