Сворачивание разворачивание блока

Jquery в помощь

Шо, ещё и жабаскрипт изучать будем? 😮

По этому поводу люблю цитировать фразу, когда-то прочитанную на одном из форумов

<style>
#list1 li{cursor: pointer;}
#list1 p{display: none;}
</style>
<ul id="list1"> 
<li>Название
<p class="text"> один из жанров фольклора, либо литературы. Эпическое, преимущественно прозаическое произведение волшебного, героического или бытового характера. .</p>
</li> 
<li>Название 2
<p class="text"> один из жанров фольклора, либо литературы. Эпическое, преимущественно прозаическое произведение волшебного, героического или бытового характера. .</p>
</li>
</ul>
<script>
$('#list1 li').on('click', function(){$(this).find('p').toggle();});
</script>

Ну можно и стилями :) Даешь больше вариантов!

всем спс - открыл для себя тег <details> и <summary> - идеально...

... для личного пользования. ;)

Нормально, че.

Кстати он до сих пор не поддерживается всеми браузерами MS, в том числе и пока что Edge.