Имеется 4 ссылки вида:
<ul>
<li><a class="" href="#"data-filter=".h">H</a></li>
<li><a class="" href="#"data-filter=".ha">Ha</a></li>
<li><a class="" href="#"data-filter=".has">Has</a></li>
<li><a class="" href="#"data-filter=".hasd">Hasd</a></li>
</ul>
как сделать, чтоб при нажатии на первую ссылку, появлялся блок с текстом
<p class="h">Текст1</p>, при клике на вторую ссылку
<p class="ha">Текст2</p> , грузиться второй блок, удаляя при этом блок 1. и т.д с каждой, один блок загружается , другие убираются ?