По клику на ссылку скрыть все элементы кроме первого

Подскажите каким образом реализовать следующее:
Есть например 4 абзаца каждый из которых заключен в тег <li>. Мне нужно чтобы по нажатию например на ссылку либо кнопку отображался только один абзац заключенный в <li>.

Вот наглядный пример.

До нажатия "Скрыть":

<li>Первый абзац</li>
<li>Второй абзац</li>
<li>Третий абзац</li>
<li>Четвертый абзац</li>

<a>Скрыть</a>

После нажатия скрыть:

<li>Первый абзац</li>

<a>Развернуть</a>

Источник:dle-faq.pro, DLE

Перейти на сайт

По клику на ссылку скрыть все элементы кроме первого

Похожие новости