<style>
p {display: none}
p.active {display: block}
</style>
<ul>
<li>
<a href="#">Раскрыть</a>
<p class="active">Скрытый текст 1</p>
</li>
<li>
<a href="#">Раскрыть</a>
<p>Скрытый текст 2</p>
</li>
<li>
<a href="#">Раскрыть</a>
<p>Скрытый текст 3</p>
</li>
</ul>
<script>
document.addEventListener("click", function (e) {
if (e.target.tagName == "A") {
document.querySelector(".active").className = "";
e.target.parentNode.querySelector("p").className = "active";
}
}, false);
</script>