Как свернуть или развернуть текст на js или css?

[seo-partner]

Народ подскажите, как можно развернуть или свернуть определенный текст на js или css, как на скриншоте?

 

[cocs]

Народ подскажите, как можно развернуть или свернуть определенный текст на js или css, как на скриншоте?

Быстрей будет у гугла спросить: "скрытый текст спойлер css"

 

[aurora2000]

Самый простой вариант

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.more').toggle('normal');
  return false;
 });
});
</script>

<div>
 <div>Основной текст</div>
 <div class="more" style="display:none">
  Текст под спойлером<br>
  плавно появляется<br>
  и плавно исчезает<br>
  при клике по спойлеру
 </div>
 <a href="" class="spoiler_links">Показать</a>
</div>
</div>