Как свернуть развернутый текст?

Question

[stimu]

<script type="text/javascript">
function showText(e){
$(e).html($(e).find('.hide-text').html());
}
</script>

Текст
Текст
<span style='cursor: pointer' onclick='showText(this)'> развернуть
<span class='hide-text' style='display: none;'>
Скрытый текст
</span>
</span>

Answer 1

[stimu]

сделал проще, без всяких js и jquery:

<details>
    <summary>Текст Текст</summary>
    Скрытый текст
</details>