Edit in JSFiddle

$('.show').click(function() {
  $(this).toggleClass('active').next()[$(this).next().is(':hidden') ? "slideDown" : "slideUp"](400);
});

<h3 class="show">Показать/Скрыть</h3>
<div class="sly">Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.</div>

<h3 class="show">Показать/Скрыть</h3>
  <div class="sly"><strong>CSS</strong> (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки 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>

.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;}