Скрытый текст с помощью jQuery
http://dbmast.ru
HTML
<h3 class="show">Показать/Скрыть</h3>
<div class="sly">Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.</div>
<h3 class="show">Показать/Скрыть</h3>
<div class=""><strong>CSS</strong> (англ. Cascading Style Sheets — каскадные таблицslyы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.....</div>
<p>CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки <span class="show">CSS</span> <span class="sly"><strong>CSS</strong> (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.....</span>являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). </p>
CSS
.sly {
display:none;
background-color:rgb(237, 237, 237);
border:hsl(0, 0%, 75%) solid 1px;
color:#444;
height:auto;
margin:5px 0;
padding:10px;
text-align: justify;
}
.show {
cursor:pointer;
color: #4C6695;
margin:1px 0 0;
}
.show:hover{color:green;}
.active {color:green;}
JavaScript
$('.show').click(function() {
$(this).toggleClass('active').next()[$(this).next().is(':hidden') ? "slideDown" : "slideUp"](400);
});